-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (110 loc) · 5.79 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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Harsh's portfolio</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<script src="https://kit.fontawesome.com/e1a22320aa.js" crossorigin="anonymous"></script>
</head>
<body>
<header>
<nav>
<div class="left">
Harsh's Portfolio
</div>
<div class="right">
<ul>
<li><a href="/"> home</a></li>
<li><a href="#About"> About</a></li>
<li><a href="#service"> Services</a></li>
<li><a href="/"> Projects</a></li>
<li><a href="/"> Contact me</a></li>
</ul>
</div>
</nav>
</header>
<main>
<section class="first">
<div class="leftsection">
Hi,my name is <span class="purple">Harsh</span>
<div>and I am a passionate</div>
<!-- <div>Web Develpoer</div> -->
<span id="element">webdevloper</span>
</div>
<div class="rightsection">
<img src="dev.jpg" alt="images" class="dev">
</div>
</section>
</main>
<div id="About">
<div class="container">
<div class="row">
<div class="about-col-1">
<img src="download.png" alt="">
</div>
<div class="about-col-2">
<h1 class="title">About</h1>
<p class="aboutpara">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Voluptatum possimus aliquid maiores omnis, distinctio, asperiores, expedita exercitationem unde repellat architecto nobis quasi dolorem reiciendis reprehenderit et sunt rem laborum velit labore perferendis facere? Aliquid dolores praesentium quibusdam nobis fugiat fuga aspernatur modi blanditiis velit unde error ullam consequatur quasi culpa vitae harum dicta rerum soluta voluptatem, facere inventore. Ducimus molestiae error sapiente exercitationem nesciunt quaerat officia ipsum laudantium neque molestias, alias dolores rem! Ratione est sunt magnam doloribus quisquam dignissimos.</p>
</div>
</div>
</div>
</div>
<!-- <--------------------------services----------------------------->
<div id="service">
<div class="container">
<h1 class="title">My Services</h1>
<div class="services-list">
<div>
<i class="fa-solid fa-code"></i>
<h2 class="sub">Web Developer</h2>
<p class="servicespara">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos possimus dolorum ex illum ea cumque Lorem ipsum, dolor sit amet consectetur adipisicing elit. </p>
<a href="#">Learn more</a>
</div>
<div>
<i class="fa-solid fa-crop"></i>
<h2 class="sub">UI UX desgnner</h2>
<p class="servicespara">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos possimus dolorum ex illum ea cumque Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
<a href="#">Learn more</a>
</div>
<div>
<i class="fa-brands fa-app-store"></i>
<h2 class="sub">App Developer</h2>
<p class="servicespara">Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos possimus dolorum ex illum ea cumque.</p>
<a href="#">Learn more</a>
</div>
</div>
</div>
</div>
<!-- <-------------------------contact------------->
<div id="contact">
<div class="container">
<div class="row">
<div class="contact-left">
<h1 class="title">Contact me</h1>
<p><i class="fa-solid fa-inbox"></i> [email protected]</p>
<p><i class="fa-solid fa-phone"></i>0123456789</p>
<div class="socialicons">
<a href="/"><i class="fa-brands fa-facebook"></i></a>
<a href="https://www.instagram.com/stories/sharmaharsh1501/3309879051802674959?utm_source=ig_story_item_share&igsh=MTB0dG44MjVrMnQ4eg=="><i class="fa-brands fa-instagram"></i></a>
<a href="https://www.linkedin.com/in/harsh-sharma-003859280?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class="fa-brands fa-linkedin"></i></a>
</div>
<div class="button"> <a class="btn" href="">Download CV</a></div>
</div>
<div class="contact-right">
<form>
<input type="text" name="Name" placeholder="Your Name" required>
<input type="email" name="email" placeholder="Your email" required>
<textarea name="Message" rows="6" placeholder="Your Message" ></textarea>
<button type="submit">Submit </button>
</form>
</div>
</div>
</div>
</div>
</body>
</html>
<!-- <----------------------------------------------------------css---------------------------------------------------------------------------> -->