Skip to content

Commit 93d895b

Browse files
raihanahmadraihanahmad
committed
working on projects section. project section default code completed
1 parent 54b6fe2 commit 93d895b

File tree

5 files changed

+113
-12
lines changed

5 files changed

+113
-12
lines changed

‎css/style.css‎

Lines changed: 24 additions & 5 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/style.scss‎

Lines changed: 22 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -129,16 +129,26 @@ a {
129129
}
130130

131131
.d-line-1 {
132-
background: #17bf63;
133132
margin-bottom: 2vw;
134133
right: 4vw;
135-
box-shadow: 0 0 20px #17bf63;
134+
background: #0d5c30;
136135
}
136+
137137
.d-line-2 {
138-
background: #791f3b;
138+
background: #631b32;
139139
left: 4vw;
140140
// box-shadow: 0 0 20px #e4205d;
141141
}
142+
143+
.line-current-green-light {
144+
box-shadow: 0 0 20px #17bf63;
145+
background: #17bf63;
146+
}
147+
148+
.line-current-red-light {
149+
box-shadow: 0 0 20px #e4205d;
150+
background: #e4205d;
151+
}
142152
}
143153

144154
& > div {
@@ -155,14 +165,22 @@ a {
155165
}
156166
.days-link {
157167
a {
168+
color: #0d5c30;
169+
}
170+
.a-current-green-light {
158171
color: #17bf63;
159172
text-shadow: 0 0 40px #17bf63;
160173
}
161174
}
162175

163176
.projects-link {
164177
a {
165-
color: #791f3b;
178+
color: #631b32;
179+
}
180+
181+
.a-current-red-light {
182+
color: #e4205d;
183+
text-shadow: 0 0 40px #e4205d;
166184
}
167185
}
168186
}

‎index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -47,11 +47,11 @@ <h1>#100DaysOfCode</h1></a
4747
<!-- Navbar -->
4848
<nav id="navbar">
4949
<div class="days-link">
50-
<a href="index.html">DAYS</a>
50+
<a class="a-current-green-light" href="index.html">DAYS</a>
5151
</div>
5252

5353
<div class="d-line">
54-
<div class="d-line-1"></div>
54+
<div class="d-line-1 line-current-green-light"></div>
5555
<div class="d-line-2"></div>
5656
</div>
5757

‎projects.html‎

Lines changed: 64 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta keywords="#100DaysOfCode, 100DaysOfCode, code, raihan ahamd" />
7+
<meta description="I have completed the #100DaysOfCode challenge." />
8+
<link
9+
href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
10+
rel="stylesheet"
11+
/>
12+
<link rel="stylesheet" href="css/style.css" />
13+
<title>#100DaysOfCode - Raihan Ahmad</title>
14+
</head>
15+
<body>
16+
<!-- Header Section -->
17+
<header id="main-header">
18+
<div id="header-div">
19+
<div class="title-div">
20+
<a
21+
class="header-title"
22+
target="_blank"
23+
href="https://twitter.com/_100DaysOfCode"
24+
>
25+
<h1>#100DaysOfCode</h1></a
26+
>
27+
<a
28+
class="my-name"
29+
target="_blank"
30+
href="https://twitter.com/raihanahmad01"
31+
><h3>@raihanahmad01</h3></a
32+
>
33+
</div>
34+
<div class="gradient-animation"></div>
35+
</div>
36+
37+
<p class="about-me">
38+
I'm Raihan Ahmad. I have completed the #100DaysOfCode challenge. The
39+
journey began on March 5, 2020. I invested 700+ hours to learn and work.
40+
It is a great experience in my life. Before the #100DaysOfCod, I had no
41+
experience with web development. Now I'm expert in HTML, CSS, JavaScript
42+
and SASS. I am also good with Github & Bootstrap. I have learned so many
43+
things. And made some really cool web projects. Thanks to everyone who
44+
liked, commented, and support on my daily updates on Twitter.
45+
</p>
46+
47+
<!-- Navbar -->
48+
<nav id="navbar">
49+
<div class="days-link">
50+
<a href="index.html">DAYS</a>
51+
</div>
52+
53+
<div class="d-line">
54+
<div class="d-line-1"></div>
55+
<div class="d-line-2 line-current-red-light"></div>
56+
</div>
57+
58+
<div class="projects-link">
59+
<a class="a-current-red-light" href="projects.html">PROJECTS</a>
60+
</div>
61+
</nav>
62+
</header>
63+
</body>
64+
</html>

0 commit comments

Comments
 (0)