-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
144 lines (110 loc) · 5.49 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!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>Rohit Prasad</title>
<!-- -----------------Google Font------------ -->
<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=Roboto+Slab:wght@100&display=swap" rel="stylesheet">
<!-- -----------------icon css------------ -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css">
<!-- -----------------style css------------ -->
<link rel="stylesheet" href="./css/style.css">
<link rel="stylesheet" href="./css/contact-style.css">
</head>
<body>
<header class="">
<div class="wrap">
<nav class="flex justify-around">
<div class="my-web roboto">
<h1>My Website</h1>
</div>
<div class="flex main-menu ">
<a href="#" class="menu ">Home</a>
<a href="#" class="menu ">About Me</a>
<a href="#" class="menu ">Gallery</a>
<a href="#" class="menu ">Contact</a>
</div>
</nav>
</div>
<div class=" flex ">
<img src="./img/png_auto_x2.jpg" height="500px" class="primary-pic" alt="">
<div class="hero roboto">
<h1 class="">Rohit Prasad</h1>
<h1 class="heading">I am a <span class="primery">Developer</span> </h1>
<p class="into">Welcome to my website here you will know about me and I hope you love it, I love to make
website
and also
like coding
</p> <br>
<div> <a class="button" href="img/Resume.pdf" target="_blank">View CV</a></div>
</div>
</div>
</header>
<section class="flex about-container">
<div><img src="./img/man-2.jpg" height="350px" alt=""></div>
<div class="about justify-between ">
<h1 class="heading">About <span class="primery">Me</span></h1>
<div class="aboutUs">
<h1>Hi! I am Rohit Prasad </h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Itaque omnis
sequ repudiandae facere veniam explicabo, cumque hic incidunt dignissimos quas, earum vel quos a
tempora
velit autem nostrum saepe sit!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum, laboriosam dolor rerum
possimus illo atque nisi doloremque odio, alias itaque, accusantium ipsum fugit inventore sequi
provident? Nihil optio possimus aut.</p>
<br>
<a href="#" class="icon"><i class="bi bi-facebook "></i></a>
<a target="_blank" href="https://www.instagram.com/rohitpd18/" class="icon"><i
class="bi bi-instagram "></i></a>
<a target="_blank" href="https://twitter.com/Rohit99502074" class="icon"><i
class="bi bi-twitter"></i></a>
<a target="_blank" href="https://github.com/rohitpd18" class="icon"><i class="bi bi-github"></i></a>
</div>
</div>
<div>
</div>
</section>
<section class="gallery-container">
<div>
<h1 class="text-center"> <span class="primery heading gallery-heading">Gallery</span</h1>
</div>
<div class=" pic-continer justify-around">
<img class="pic" src="./img/fav.jpg" alt="">
<img class="pic" src="./img/IMG_20211013_163140_141.jpg" alt="">
<img class="pic" src="./img/IMG_20210901_222419_128.webp" alt="">
<img class="pic" src="./img/IMG_20210908_210623_701.webp" alt="">
<img class="pic" src="./img/man-2.jpg" alt="">
<img class="pic" src="./img/IMG_20210829_163217_791.webp" alt="">
</div>
</section>
<section>
<div class="contact-container">
<form>
<h1 id="contact-heading" class=" heading ">Contact Me</h1><br>
<hr>
<p>First Name: <input type="text" name="fname" id="fname" required> </p> <br>
<p>Last Name: <input type="text" name="lname" id="lname" required></p>
<fieldset>
<legend>Gender</legend>
<input type="radio" name="gender" value="male" id="" required>Male
<input type="radio" name="gender" value="female" id="">Female
<input type="radio" name="gender" value="other" id="">Other
</fieldset> <br>
<p>Email: <input type="email" name="email" id="" required></p><br>
<p>Mobile Number: <input type="number" name="M.No" id="" required></p><br>
<p>Reaxon for Contact: <input type="text"></p><br>
<input type="button" value="Sumbit" class="sumbit">
</form>
</div>
</section>
<!------------Boostrap script ---------->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>