Skip to content

Commit 4c7bf71

Browse files
author
Aaryan
committed
updated
1 parent 120bb4b commit 4c7bf71

File tree

4 files changed

+131
-51
lines changed

4 files changed

+131
-51
lines changed

‎index.html

+6-5
Original file line numberDiff line numberDiff line change
@@ -6,19 +6,20 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>IamDeveloper</title>
88
<link href="/styles/main.css" rel="stylesheet"/>
9+
910
</head>
1011
<body>
1112
<nav class="navigation container" >
1213
<div class="nav-brand">IamDeveloper</div>
1314
<ul class="list-non-bullet nav-pills" >
1415
<li class="list-item-inline">
15-
<a class="link link-active" href="/index.html">home</a>
16+
<a class="link link-active" href="/index.html">Home</a>
1617
</li>
1718
<li class="list-item-inline">
18-
<a class="link" href = '/pages/project.html' >project</a>
19+
<a class="link" href = '/pages/project.html' >Project</a>
1920
</li>
2021
<li class="list-item-inline" >
21-
<a class= "link" href="/pages/blog.html" target="_blank">blog</a>
22+
<a class= "link" href="/pages/blog.html" target="_blank">Blogs</a>
2223
</li>
2324
</ul>
2425
</nav>
@@ -49,7 +50,7 @@ <h1>Projects</h1>
4950
<div class="container container-center">
5051
<h1>blogs</h1>
5152
<p>I am also working on some technical and non techincal blogs. I like to document my journey of learning.</p>
52-
<a class="link link-secondary" href="pages/blog.html" target="_blank">Read blogs</a>
53+
<a class="link link-secondary" href="pages/blog.html" target="_blank">Read Blogs</a>
5354
</div>
5455

5556
</section>
@@ -61,7 +62,7 @@ <h1>blogs</h1>
6162
<ul class="list-non-bullet social links">
6263
<li class="list-item-inline" ><a class="link" href="https://github.com/aaryanpal" target="_blank">Github</a></li >
6364
<li class="list-item-inline" ><a class="link" href="https://t.me/aaryan42" target="_blank">Telegram</a></li >
64-
<li class="list-item-inline" ><a class="link" href="/" target="_blank">Twitter</a></li >
65+
<li class="list-item-inline" ><a class="link" href="/" target="_blank">codeSandBox</a></li >
6566
</ul>
6667
</footer>
6768

‎pages/blog.html

+72-28
Original file line numberDiff line numberDiff line change
@@ -1,37 +1,81 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>blog | IamDeveloper</title>
8-
<link href="/styles/main.css" rel="stylesheet"/>
9-
</head>
10-
<body>
11-
<nav class="navigation container" >
12-
<div class="nav-brand">IamDeveloper</div>
13-
<ul class="list-non-bullet nav-pills" >
14-
<li class="list-item-inline">
15-
<a class="link " href="/index.html">home</a>
16-
</li>
17-
<li class="list-item-inline">
18-
<a class="link" href = "/pages/project.html">project</a>
19-
</li>
20-
<li class="list-item-inline" >
21-
<a class= "link link-active" href="/pages/blog.html">blog</a>
22-
</li>
23-
</ul>
8+
<link href="/styles/main.css" rel="stylesheet" />
9+
</head>
10+
<body>
11+
<nav class="navigation container">
12+
<div class="nav-brand">IamDeveloper</div>
13+
<ul class="list-non-bullet nav-pills">
14+
<li class="list-item-inline">
15+
<a class="link" href="/index.html">Home</a>
16+
</li>
17+
<li class="list-item-inline">
18+
<a class="link" href="/pages/project.html">Project</a>
19+
</li>
20+
<li class="list-item-inline">
21+
<a class="link link-active" href="/pages/blog.html">Blogs</a>
22+
</li>
23+
</ul>
2424
</nav>
2525

26+
<header class="hero">
27+
<h1 class="hero-heading">
28+
My <span class="heading-inverted">blogs📝</span>
29+
</h1>
30+
</header>
2631

27-
32+
<section class="project-section">
33+
<article class="project-container project-div">
34+
<h1>dummy blog-1</h1>
35+
<small>July 2021</small>
36+
<p>
37+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
38+
eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec
39+
ultrices tincidunt arcu non sodales neque. Nisl rhoncus mattis rhoncus
40+
urna neque viverra justo nec ultrices. Enim neque volutpat ac
41+
tincidunt vitae semper quis.
42+
</p>
43+
<a class="link link-primary" href="" target="blank">Read</a>
44+
</article>
45+
</section>
46+
<section class="project-section">
47+
<article class="project-container project-div">
48+
<h1>dummy blog-1</h1>
49+
<small>July 2021</small>
50+
<p>
51+
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
52+
eiusmod tempor incididunt ut labore et dolore magna aliqua. Donec
53+
ultrices tincidunt arcu non sodales neque. Nisl rhoncus mattis rhoncus
54+
urna neque viverra justo nec ultrices. Enim neque volutpat ac
55+
tincidunt vitae semper quis.
56+
</p>
57+
<a class="link link-primary" href="" target="blank">Read</a>
58+
</article>
59+
</section>
60+
<!-------------- FOOTER-STARTED --------------------------->
2861
<footer class="footer">
29-
<div class="footer-header">Made with love💜</div>
30-
<ul class="list-non-bullet social links">
31-
<li class="list-item-inline" ><a class="link" href="https://github.com/aaryanpal" target="_blank">Github</a></li >
32-
<li class="list-item-inline" ><a class="link" href="https://t.me/aaryan42" target="_blank">Telegram</a></li >
33-
<li class="list-item-inline" ><a class="link" href="/" target="_blank">Twitter</a></li >
34-
</ul>
62+
<div class="footer-header">Made with love💜</div>
63+
<ul class="list-non-bullet social links">
64+
<li class="list-item-inline">
65+
<a class="link" href="https://github.com/aaryanpal" target="_blank"
66+
>Github</a
67+
>
68+
</li>
69+
<li class="list-item-inline">
70+
<a class="link" href="https://t.me/aaryan42" target="_blank"
71+
>Telegram</a
72+
>
73+
</li>
74+
<li class="list-item-inline">
75+
<a class="link" href="/" target="_blank">Twitter</a>
76+
</li>
77+
</ul>
3578
</footer>
36-
</body>
79+
<!----------------- FOOTER ENDED--------------------- -->
80+
</body>
3781
</html>

‎pages/project.html

+16-16
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,13 @@
1212
<div class="nav-brand">IamDeveloper</div>
1313
<ul class="list-non-bullet nav-pills">
1414
<li class="list-item-inline">
15-
<a class="link" href="/index.html">home</a>
15+
<a class="link" href="/index.html">Home</a>
1616
</li>
1717
<li class="list-item-inline">
18-
<a class="link link-active" href="/pages/project.html">project</a>
18+
<a class="link link-active" href="/pages/project.html">Project</a>
1919
</li>
2020
<li class="list-item-inline">
21-
<a class="link" href="/pages/blog.html">blog</a>
21+
<a class="link" href="/pages/blog.html">Blogs</a>
2222
</li>
2323
</ul>
2424
</nav>
@@ -29,9 +29,9 @@ <h1 class="hero-heading">
2929
<span class="heading-inverted">Projects🚀</span>
3030
</h1>
3131
</header>
32-
<ul class="">
33-
<li>
34-
<article>
32+
<ul class="list-non-bullet">
33+
<li class="project-section">
34+
<article class="project-container project-div">
3535
<h1>emoji-interpreter</h1>
3636
<small>August 2021</small>
3737
<p>
@@ -44,8 +44,8 @@ <h1>emoji-interpreter</h1>
4444
<a class="link link-secondary" href="" target="blank">View source</a>
4545
</article>
4646
</li>
47-
<li>
48-
<article>
47+
<li class="project-section">
48+
<article class="project-container project-div">
4949
<h1>minion</h1>
5050
<small>July,2021</small>
5151
<p>
@@ -56,9 +56,9 @@ <h1>minion</h1>
5656
<a class="link link-secondary" href="" target="blank">View source</a>
5757
</article>
5858
</li>
59-
<li>
60-
<article>
61-
<h1>Translaor</h1>
59+
<li class="project-section">
60+
<article class="project-container project-div">
61+
<h1>Austria-Accent-Translator</h1>
6262
<small>july,2021</small>
6363
<p>
6464
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
@@ -68,10 +68,10 @@ <h1>Translaor</h1>
6868
</p>
6969
<a class="link link-primary" href="" target="blank">Live project</a>
7070
<a class="link link-secondary" href="" target="blank">View source</a>
71-
</article>
71+
</article class="project-container project-div">
7272
</li>
73-
<li>
74-
<article>
73+
<li class="project-section">
74+
<article class="project-container project-div">
7575
<h1>questionaire</h1>
7676
<small>June 2021</small>
7777
<p>
@@ -84,8 +84,8 @@ <h1>questionaire</h1>
8484
<a class="link link-secondary" href="" target="blank">View source</a>
8585
</article>
8686
</li>
87-
<li>
88-
<article>
87+
<li class="project-section">
88+
<article class="project-container project-div">
8989
<h1>dc fan</h1>
9090
<small>June 2021</small>
9191
<p>

‎styles/main.css

+37-2
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
}
77

88
body{
9-
font-family: 'Open Sans', sans-serif;
9+
font-family: 'Open Sans', serif;
1010
margin: 0px;
1111
}
1212
hr{
@@ -56,6 +56,7 @@ hr{
5656
}
5757
.navigation .nav-pills{
5858
text-align: right;
59+
font-size: 18px;
5960
}
6061
.navigation .link{
6162
color: white;
@@ -79,7 +80,7 @@ hr{
7980

8081
.hero .hero-img {
8182
max-width: 80%;
82-
width: 350px;
83+
width: 450px;
8384
display: block;
8485
margin: auto;
8586
}
@@ -125,3 +126,37 @@ hr{
125126
.footer ul{
126127
padding-inline-start: 0px;
127128
}
129+
130+
131+
/* project-section */
132+
.project-container{
133+
width: 90%;
134+
max-width: 800px;
135+
margin: auto;
136+
}
137+
138+
.project-section{
139+
margin: 2rem 0rem;
140+
}
141+
142+
.project-div{
143+
box-sizing: border-box;
144+
background-color: var(--offwhite-color);
145+
padding: 1rem;
146+
border-radius: 10px;
147+
}
148+
.project-div p{
149+
margin-top: 0.5rem;
150+
}
151+
152+
.project-section h1{
153+
margin-bottom: 0.2rem;
154+
}
155+
156+
.project-section p{
157+
text-align: justify;
158+
}
159+
160+
.icon{
161+
font-size: 35px;
162+
}

0 commit comments

Comments
 (0)