Skip to content

Commit 646c013

Browse files
committed
Page fix formatting
1 parent a2094d6 commit 646c013

2 files changed

Lines changed: 28 additions & 13 deletions

File tree

css/style.css

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
body {
2-
background: #67B26F; /* fallback for old browsers */
3-
background: -webkit-linear-gradient(to right, #4ca2cd, #67B26F); /* Chrome 10-25, Safari 5.1-6 */
4-
background: linear-gradient(to right, #4ca2cd, #67B26F); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
2+
background: #67B26F;
3+
background: -webkit-linear-gradient(left, #4ca2cd, #67B26F);
4+
background: linear-gradient(90deg, #4ca2cd, #67B26F);
55
padding: 0;
66
margin: 0;
77
font-family: 'Lato', sans-serif;
@@ -80,7 +80,6 @@ p.ellipsis-separator + p {
8080
margin-top: 3px;
8181
}
8282

83-
/* Custom styles to reduce gap between cards in desktop mode */
8483
@media (min-width: 992px) {
8584
.my-profile .row {
8685
margin-left: -5px;

index.html

Lines changed: 25 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -19,11 +19,13 @@
1919
<div class="rt-container">
2020
<div class="col-rt-12">
2121
<div class="rt-heading">
22-
<h1><strong>jfullstackdev</strong> <img src="https://komarev.com/ghpvc/?username=xdvrx1&label=GITHUB+PROFILE+VIEWS" alt="xdvrx1" /></h1>
23-
<center>
22+
<h1><strong>jfullstackdev</strong>
23+
<img src="https://komarev.com/ghpvc/?username=xdvrx1&label=GITHUB+PROFILE+VIEWS"
24+
alt="xdvrx1" /></h1>
25+
<div style="text-align: center;">
2426
<p>Design. Develop. Innovate.</p>
2527
<p style="margin-top: 5px">***</p>
26-
</center>
28+
</div>
2729
</div>
2830
</div>
2931
</div>
@@ -38,7 +40,9 @@ <h1><strong>jfullstackdev</strong> <img src="https://komarev.com/ghpvc/?username
3840
<div class="col-lg-4 mb-2 mb-lg-0">
3941
<div class="card shadow-sm">
4042
<div class="card-header bg-transparent text-center">
41-
<img class="profile_img" src="https://raw.githubusercontent.com/jdevfullstack/jdevfullstack.github.io/master/assets/profile.png" alt="profile pic">
43+
<img class="profile_img"
44+
src="https://raw.githubusercontent.com/jdevfullstack/jdevfullstack.github.io/master/assets/profile.png"
45+
alt="profile pic">
4246
<h3>jfullstackdev</h3>
4347
</div>
4448
</div>
@@ -48,15 +52,26 @@ <h3>jfullstackdev</h3>
4852
<div class="card-header bg-transparent border-0">
4953
<h3 class="mb-0"><i class="far fa-clone pr-1"></i>About Me</h3>
5054
<div class="social-icons" style="text-align: center; margin: 10px 0;">
51-
<a href="https://github.com/jfullstackdev" target="_blank" style="color:#333; font-size: 30px; margin: 0 2px; text-decoration: none; border: 2px dashed #4ca2cd; border-radius: 10px; width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;">
55+
<a href="https://github.com/jfullstackdev"
56+
target="_blank"
57+
style="color:#333; font-size: 30px; margin: 0 2px; text-decoration: none;
58+
border: 2px dashed #4ca2cd; border-radius: 10px; width: 50px; height: 50px;
59+
display: inline-flex; justify-content: center; align-items: center;
60+
transition: transform 0.3s ease;">
5261
<i class="fab fa-github"></i>
5362
</a>
54-
<a href="https://twitter.com/jfullstackdev" target="_blank" style="color:#000; font-size: 30px; margin: 0 2px; font-weight: bold; font-style: normal; text-decoration: none; border: 2px dashed #4ca2cd; border-radius: 10px; width: 50px; height: 50px; display: inline-flex; justify-content: center; align-items: center; transition: transform 0.3s ease;">
63+
<a href="https://twitter.com/jfullstackdev"
64+
target="_blank"
65+
style="color:#000; font-size: 30px; margin: 0 2px; font-weight: bold;
66+
font-style: normal; text-decoration: none; border: 2px dashed #4ca2cd;
67+
border-radius: 10px; width: 50px; height: 50px; display: inline-flex;
68+
justify-content: center; align-items: center; transition: transform 0.3s ease;">
5569
X
5670
</a>
5771
</div>
5872
<p style="text-align: center;">
59-
Senior Full Stack Developer, GitHub Contributor, Google & VEX Robotics Certified Educator, ICT & Robotics Instructor
73+
Senior Full Stack Developer, GitHub Contributor, Google &
74+
VEX Robotics Certified Educator, ICT & Robotics Instructor
6075
</p>
6176
<p class="ellipsis-separator" style="text-align: center;"> ... </p>
6277
<p>
@@ -77,14 +92,15 @@ <h3 class="mb-0"><i class="far fa-clone pr-1"></i>About Me</h3>
7792
<li>Technical Writing</li>
7893
</ol>
7994
<p>
80-
Just DM me for the details at <a href="https://twitter.com/jfullstackdev" style="color: #000;">Twitter (X)</a>
95+
Just DM me for the details at <a
96+
href="https://twitter.com/jfullstackdev"
97+
style="color: #000;">Twitter (X)</a>
8198
</p>
8299
</div>
83100
</div>
84101
</div>
85102
</div>
86103
</div>
87-
<!-- partial -->
88104
</div>
89105
</div>
90106
</div>

0 commit comments

Comments
 (0)