-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
76 lines (75 loc) · 4.5 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blog</title>
<link rel="stylesheet" href="./style.css">
</head>
<body>
<nav class="nav-bar">
<a href="" class="logo">Ashdude</a>
<ul class="nav-links">
<a href="https://github.com/ashdude1401" class="nav-link " target="_blank">Devolepment</a>
<a href="https://auth.geeksforgeeks.org/user/ashdude1401/practice" class="nav-link " target="_blank">DSA</a>
<a href="https://www.youtube.com/channel/UCDf9gIkq3b9R-SlCssgPtbA" class="nav-link " target="_blank">Youtube</a>
<a href="https://www.instagram.com/ashhutoshjha/" target="_blank" class="nav-link">Timepass</a>
</ul>
</nav>
<section>
<div class="intro">
<!-- <img src="./img/Desktop-Wallpaper.jpg" alt="" class="bg-img"> -->
<div class="ctn">
<div class="ctn-div">
<h1 class="ctn-hdr">HI! I am Ashdude</h1>
<p class="disc">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Distinctio eum repellat nulla nihil quae dolores praesentium sit. Maiores facilis libero necessitatibus consectetur minus illo similique eius officiis, quas inventore ratione rem quasi, unde beatae cum excepturi, dolore ullam maxime sed.
</p>
<button class="sub">Subscribe Newsletter</button>
</div>
<img src="./img/me2.png" alt="" class="dp">
</div>
</div>
</section>
<section class="blog-cards">
<div class="blog-card">
<img src="./img/batmann.png" alt="" class="blog-img batman">
<div class="blog-ctn">
<h1 class="blog-hdr">Stay patient as batman</h1>
<p class="blog-dis">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dolore laudantium repudiandae quos alias iure nostrum facilis deleniti impedit itaque.</p>
</div>
</div>
<div class="blog-card">
<img src="./img/iron man.png" alt="" class="blog-img iron-man">
<div class="blog-ctn">
<h1 class="blog-hdr">Stay cool as iron man</h1>
<p class="blog-dis">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dolore laudantium repudiandae quos alias iure nostrum facilis deleniti impedit itaque.</p>
</div>
</div>
<div class="blog-card">
<img src="./img/cptainamerica.png" alt="" class="blog-img cpamerica">
<div class="blog-ctn">
<h1 class="blog-hdr">Stay on right side </h1>
<p class="blog-dis">Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque dolore laudantium repudiandae quos alias iure nostrum facilis deleniti impedit itaque.</p>
</div>
</div>
</section>
<section class="funlife-conatiner">
<div class="card">
<img src="./img/guitarist.png" alt="" class="card-img guitar">
<h1 class="card-hdr hdr">Besura Guitarist</h1>
<p class="card-disc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eveniet quae beatae, veniam aliquid omnis, quibusdam porro incidunt voluptate exercitationem corrupti, nesciunt optio nam eos. Cumque labore nobis, repudiandae consectetur ipsam deleniti perferendis modi iste facere.</p>
</div>
<div class="card">
<img src="./img/gym.png" alt="" class="card-img gym">
<h1 class="card-hdr hdr">Aalsi Gymmer</h1>
<p class="card-disc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eveniet quae beatae, veniam aliquid omnis, quibusdam porro incidunt voluptate exercitationem corrupti, nesciunt optio nam eos. Cumque labore nobis, repudiandae consectetur ipsam deleniti perferendis modi iste facere.</p>
</div>
<div class="card">
<img src="./img/playing.png" alt="" class="card-img playing">
<h1 class="card-hdr hdr">Fisaddi Player</h1>
<p class="card-disc">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sapiente eveniet quae beatae, veniam aliquid omnis, quibusdam porro incidunt voluptate exercitationem corrupti, nesciunt optio nam eos. Cumque labore nobis, repudiandae consectetur ipsam deleniti perferendis modi iste facere.</p>
</div>
</section>
</body>
</html>