-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
136 lines (101 loc) · 4.15 KB
/
contact.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
<!DOCTYPE html>
<html>
<head>
<title>portfolio</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@1,423&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<style>
*{
margin: 0; padding:0; font-family: 'Josefin Sans', sans-serif;
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Mohit Mayank Developer</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="home.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About </a>
</li>
<li class="nav-item active">
<a class="nav-link " href="qualification.html">Qualification
</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="Contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Contact Section</h1>
<p><strong>My First Portfolio</strong></p>
</div>
</div>
<section>
<div class="contanier-fluid p-5 ">
<h1 class="text-center text-capatalise pt-5 bg-primary"><strong>Contact Me</strong></h1>
<hr class="w-25 mx-auto pt-5">
<div class="w-50 mx-auto">
<form action="/action_page.php">
<div class="form-group">
<label for="email">Your Name:</label>
<input type="text" class="form-control" placeholder="Enter Name" id="email " autocomplete="off">
</div>
<div class="form-group">
<label for="pwd">Email:</label>
<input type="email" class="form-control" placeholder="Enter email" id="pwd">
</div>
<div class="form-group">
<label for="pwd">Mobile No:</label>
<input type="number" class="form-control" placeholder="Enter Number" id="pwd">
</div>
<div class="form-group">
<label>Text Area</label>
<textarea class="form-control"></textarea>
</div>
<div class="form-group form-check">
<label class="form-check-label">
<input class="form-check-input" type="checkbox"> Remember me
</label>
</div>
<button type="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
</section>
<section class="my-2">
<div class="contanier-fluid bg-dark text-center p-5">
<div class ="row ">
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-10 d-block m-auto">
<div class="imgsetting d-block m-auto"><big><i class="fa fa-location-arrow fa-3x "></i></big>
<h1 class="text-capatalise text-light "><big>Location</big></h1>
<p class="text-light">Solan, Himachal Pradesh</p>
</div>
</div>
<div class="col-lg-4 col-md-4 cl-sm-4 col-xs-10 d-block m-auto">
<div class="imgsetting d-block m-auto"><big><i class="fa fa-phone fa-3x "></i></big>
<h1 class="text-capatalise text-light "><big>Phone</big></h1>
<p class="text-light">+1-234567895000</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 col-xs-10 d-block m-auto">
<div class="imgsetting d-block m-auto"><big><i class="fa fa-map-marker fa-3x "></i></big>
<h1 class="text-capatalise text-light "><big>Navigation</big></h1>
<p class="text-light">Home|Qualification|Contact|About|Project</p>
</div>
</div>
</div>
<p class="text-light pt-5 ">Copyright © Mohit Mayank 2020-2022 | All Rights Reserved ®</p>
</section>