Skip to content

Commit 41141be

Browse files
Ayushparikh-codeAyushparikh-code
authored
Merge pull request #291 from jugeshraghav/personalBlog
Personal blog
2 parents 8cab814 + 1e97194 commit 41141be

File tree

13 files changed

+331
-0
lines changed

13 files changed

+331
-0
lines changed

‎Index.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,3 +109,4 @@
109109
| [Counter APP](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/counter_App) |It is a simple react app which is used to incere or decrease the value of counter.
110110
| [BMI Calculator (JS)](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/BMI%20Calculator%20(JS)) |Calculates the Body Mass Index of a person, provided with a BMI chart.
111111
| [Maths Quiz Game](https://github.com/nisha331/Web-dev-mini-projects/tree/main/Maths%20quiz%20game) | A maths quiz game for kids to practice addition.
112+
| [Personal Blog Template](https://github.com/soma2000-lang/Web-dev-mini-projects/tree/iron/Personal-blog) |A simple and responsive personal blog template.

‎Personal-Blog/images/fashion.jpg

8.44 KB
Loading

‎Personal-Blog/images/mobile1.png

227 KB
Loading

‎Personal-Blog/images/mobile2.png

121 KB
Loading

‎Personal-Blog/images/mobile3.png

86.8 KB
Loading

‎Personal-Blog/images/page1.png

657 KB
Loading

‎Personal-Blog/images/page2.png

542 KB
Loading

‎Personal-Blog/images/page3.png

343 KB
Loading

‎Personal-Blog/images/woods.jpg

21.9 KB
Loading

‎Personal-Blog/index.html

Lines changed: 125 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,125 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<link rel="stylesheet" href="style.css">
9+
<link rel="stylesheet" href="mobile.css">
10+
<title>MY BLOG</title>
11+
</head>
12+
13+
<body>
14+
<p class="heading">MY BLOG</p>
15+
<p>Welcome to the blog of <span class="author">JUGESH RAGHAV</span></p>
16+
<div class="container">
17+
18+
<div class="half">
19+
20+
<div class="grid-item image-card" id="box1">
21+
<img src="images/woods.jpg" width="100%" alt="">
22+
<div class="image-card-content">
23+
<p class="image-card-heading">TITLE HEADING</p>
24+
<p>Title description,<span class="date"> April 7, 2014</span> </p>
25+
<p class="description">Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed
26+
mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus
27+
at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum.
28+
Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
29+
</p>
30+
<button>READ MORE</button>
31+
</div>
32+
</div>
33+
34+
<div class="grid-item image-card" id="box2">
35+
<img src="images/woods.jpg" width="100%" alt="">
36+
<div class="image-card-content">
37+
<p class="image-card-heading">TITLE HEADING</p>
38+
<p>Title description,<span class="date"> April 7, 2014</span> </p>
39+
<p class="description">Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed
40+
mattis nunc id lorem euismod placerat. Vivamus porttitor magna enim, ac accumsan tortor cursus
41+
at. Phasellus sed ultricies mi non congue ullam corper. Praesent tincidunt sed tellus ut rutrum.
42+
Sed vitae justo condimentum, porta lectus vitae, ultricies congue gravida diam non fringilla.
43+
</p>
44+
<button>READ MORE</button>
45+
</div>
46+
</div>
47+
48+
</div>
49+
50+
51+
<div class="half">
52+
53+
<div class="grid-item image-card" id="box3">
54+
<img src="images/fashion.jpg" width="100%" height="30%" alt="">
55+
<div class="image-card-content">
56+
<p class="image-card-heading">MY NAME</p>
57+
<p class="description">Mauris neque quam, fermentum ut nisl vitae, convallis maximus nisl. Sed
58+
Just me, myself and I, exploring the universe of uknownment. I have a heart of love and a interest of lorem ipsum and mauris neque quam blog. I want to share my world with you.
59+
</p>
60+
</div>
61+
</div>
62+
63+
<div class="grid-item image-card" id="box4">
64+
<div class="tag">Recent Posts</div>
65+
<div class="Recent-post-item">
66+
<p class="recent-posts-heading">Post 1</p>
67+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
68+
</div>
69+
<hr>
70+
<div class="Recent-post-item">
71+
<p class="recent-posts-heading">Post 2</p>
72+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
73+
</div>
74+
<hr>
75+
<div class="Recent-post-item">
76+
<p class="recent-posts-heading">Post 3</p>
77+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
78+
</div>
79+
<hr>
80+
<div class="Recent-post-item">
81+
<p class="recent-posts-heading">Post 4</p>
82+
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>
83+
</div>
84+
</div>
85+
86+
<div class="grid-item image-card" id="box5">
87+
<div class="tag">Tags</div>
88+
<div class="tag-items">
89+
<button class="tag-button">Photos</button>
90+
<button class="tag-button">programming</button>
91+
<button class="tag-button">beauty</button>
92+
<button class="tag-button">blog</button>
93+
<button class="tag-button">tech</button>
94+
<button class="tag-button">trend</button>
95+
<button class="tag-button">world</button>
96+
<button class="tag-button">creative</button>
97+
<button class="tag-button">nature</button>
98+
<button class="tag-button">creative</button>
99+
<button class="tag-button">Photos</button>
100+
<button class="tag-button">programming</button>
101+
<button class="tag-button">beauty</button>
102+
<button class="tag-button">blog</button>
103+
<button class="tag-button">tech</button>
104+
<button class="tag-button">trend</button>
105+
<button class="tag-button">world</button>
106+
<button class="tag-button">creative</button>
107+
<button class="tag-button">tech</button>
108+
<button class="tag-button">trend</button>
109+
<button class="tag-button">world</button>
110+
<button class="tag-button">creative</button>
111+
<button class="tag-button">nature</button>
112+
<button class="tag-button">creative</button>
113+
</div>
114+
</div>
115+
116+
</div>
117+
</div>
118+
<footer class="footer">
119+
<button class="previous-button">Previous</button>
120+
<button class="next-button">Next</button>
121+
<p class="footer-desc">Made by ❤ Jugesh Raghav</p>
122+
</footer>
123+
</body>
124+
125+
</html>

0 commit comments

Comments
 (0)