-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (74 loc) · 3.28 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
<!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>Job Landing Page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="hero_section">
<div class="text_container">
<h2><span class="lg_text" >Hi,</span> I am Mukesh Ghildiyal</h2>
<h1>FULL STACK DEVELOPER</h1>
</div>
</section>
<section class="black_box">
<h2>WORK, I CAN DO FOR <span>YOU</span></h2>
</section>
<section class="work">
<div class="grid_item">
<div class="card">
<div class="img_container">
<img src="./1.jpg" alt="web development"/>
</div>
<div class="card_content">
<h3>
Web Development
</h3><p>Lorem ipsum nihil at autem, consectetur incidunt dignissimos, esse voluptates!</p>
</div>
</div>
</div>
<div class="grid_item">
<div class="card">
<div class="img_container">
<img src="./2.jpg" alt="App development"/>
</div>
<div class="card_content">
<h3>
App Development
</h3><p>Lorem ipsum elix provident dolore assumenda quaerat magni alias totam esse consequuntur, asperiores omnis, quidem, voluptate explicabo.</p>
</div>
</div>
</div>
<div class="grid_item">
<div class="card">
<div class="img_container">
<img src="./3.jpg" alt="UI/UX Design"/>
</div>
<div class="card_content">
<h3>
UI/UX Design
</h3><p>Lorem ipstenetur nesciunt asperiores adipisci distinctio illo mollitia! Unde, libero fugiat praesentium maiores incidunt dolorem?</p>
</div>
</div>
</div>
</section>
<section class="bottom_section">
<div class="contact">
<h2>Contact Me</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Fugiat soluta doloribus perferendis et suscipit tenetur sint quasi ab temporibus nostrum. ipsum dolor sit amet, consectetur adipisicing elit. Aut odio, rerum perferendis laborum provident at!</p>
<p>[email protected]</p>
</div>
<div class="about">
<h2>About Me</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae, consequatur. Assumenda incidunt eum aut molestias dolor saepe optio deleniti modi? ipsum dolor sit, amet consectetur adipisicing elit. Ducimus maxime facere incidunt voluptate quos facilis.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorum consequuntur deleniti libero velit enim nam. ipsum dolor sit amet consectetur adipisicing elit. Reiciendis, earum?</p>
</div>
</section>
<footer>
Project By Tech With Muku
</footer>
</body>
</html>