-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
60 lines (59 loc) · 3.37 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Landing Page</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<section class="hero_section">
<div class="text_container">
<h2><span class="lg_text">Hi, </span>I am Sapnendra Jaiswal</h2>
<h1 class="lg_text">FULL STACK DEVELOPER</h1>
</div>
</section>
<main>
<div class="second_text">
<h1>WORK, I CAN DO FOR <span class="lg_text2">YOU</span></h1>
</div>
<div class="card_section">
<div class="box">
<img src="assets/images/web.jpg" alt="image">
<h2>WEB Development</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora, incidunt?
Magnam ab molestias quisng elit. Delectus voluptatem facere quas voluptatibus! magni corporis, neque numquam illum? Nam, quod suscipit tenetur dolorem soluta nostrum.</est></p>
</div>
<div class="box">
<img src="assets/images/card_image.webp" alt="image">
<h2>APP Development</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora, incidunt?
Magnam ab molestias quas voluptatibus! Totam nisi a aspernatur distinctio magni corporis, neque numquam illum? Nam, quod suscipit tenetur dolorem soluta nostrum.</est></p>
</div>
<div class="box">
<img src="assets/images/blog-ui-ux-150223.jpg" alt="image">
<h2>UX/UI Design</h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Tempora, incidunt?
Magnam ab molestias facere quas voluptatibus! Totam nisi a aspernatur distinctio magni corporis, neque numquam illum? Nam, quod suscipit tenetur dolorem soluta nostrum.</est></p>
</div>
</div>
<div class="bg_container">
<div class="box1">
<h1>About Me</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates omnis ducimus est eaque iste totam maxime et ipsa expedita similique consequatur officiis, tempore mollitia deleniti asperiores aliquid porro perferendis. Modi.</p>
<h4>[email protected]</h4>
</div>
<div class="box2">
<h1>Contact Me</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptates omnis ducimus est eaque iste totam maxime et ipsa expedita similique consequatur officiis, tempore mollitia deleniti asperiores aliquid porro perferendis. Modi.</p>
<br>
<p>Lorem ipsum dolor sit amet conselctetur Lorem ipsum dolor sit amet consece dolorem! adipisicing elit. Sequi, nesciunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis, odit veniam.kdfhjks hanrif jarkdo jrtoasdk</p>
</div>
</div>
</main>
<footer>
<p>Copyright © 2010-2024 @Sapnendra, All rights reserved.</p>
</footer>
</body>
</html>