-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathteam.html
184 lines (172 loc) · 10.7 KB
/
team.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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TEAM PAGE</title>
<link rel="stylesheet" href="assets/styles.css">
<link rel="stylesheet" href="assets/css/team.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css">
<!--fontawesome link-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!--google fonts-->
<link href="https://fonts.googleapis.com/css2?family=Piedra&family=Tenali+Ramakrishna&display=swap"
rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-header navbar-expand-md">
<div class="container">
<a href="index.html" class="navbar-brand">Megaproject</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#Navbar"
class="float-right">
<span class="navbar-toggler-icon"></span>
</button>
<div id="Navbar" class="collapse navbar-collapse justify-content-end">
<ul class="navbar-nav">
<li class="nav-item "><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item"><a href="project.html" class="nav-link">Projects</a></li>
<li class="nav-item"><a href="#" class="nav-link">Team</a></li>
<li class="nav-item"><a href="#" class="nav-link " data-toggle="modal" data-target="#signupmodal">
<i class="fa fa-sign-in" style="margin-right: 5px;"></i>Singup</a></li>
</ul>
</div>
</div>
</nav>
<!--Modal for signup-->
<div class="modal" role="dialog" id="signupmodal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">SIGN UP</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="row mb-3">
<div class="col-12 col-sm-4">
<label for="name">Name</label>
</div>
<div class="col-12 col-sm-8">
<input type="text" name="name" id="name" placeholder="Full Name">
</div>
</div>
<div class="row mb-3">
<div class="col-12 col-sm-4">
<label for="name">Mobile</label>
</div>
<div class="col-12 col-sm-8">
<input type="tel" name="mobile" id="mobile" placeholder="Mobile Number">
</div>
</div>
<div class="row mb-3">
<div class="col-12 col-sm-4">
<label for="name">username</label>
</div>
<div class="col-12 col-sm-8">
<input type="email" name="uname" id="uname" placeholder="Username">
</div>
</div>
<div class="row mb-3">
<div class="col-12 col-sm-4">
<label for="password">password</label>
</div>
<div class="col-12 col-sm-8">
<input type="text" name="password" id="password" placeholder="Password">
</div>
</div>
<div class="row mb-3">
<div class="col-12 col-sm-4">
<label for="vpassword">Verify password</label>
</div>
<div class="col-12 col-sm-8">
<input type="text" name="vpassword" id="vpassword" placeholder="Verify password">
</div>
</div>
</div>
<div class="modal-footer">
<div class="row justify-content-center">
<div class="col-6 col-sm-6 col-lg-6">
<button class="btn" >SignUp</button>
</div>
<div class="col-6 col-sm-6 col-lg-6">
<button class="btn " data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="text-align: justify;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quos laborum aliquam commodi praesentium debitis
error explicabo vitae optio incidunt pariatur ea, id sed officiis quis soluta eveniet corrupti rerum culpa
repudiandae. Molestiae consequuntur reiciendis ex iste iure velit voluptates tempore consequatur suscipit rem
dolores, omnis ad temporibus quisquam aut modi libero sunt commodi! Beatae repellat dolorem recusandae nesciunt
quaerat omnis quibusdam totam laboriosam deserunt tenetur fuga facere voluptatum rerum numquam, eius
reprehenderit, ea nulla? Minus, beatae quae ut unde tenetur earum veritatis omnis quis ducimus adipisci ex,
necessitatibus quidem. Tempore hic odit consequuntur ullam inventore doloremque magnam earum doloribus ab culpa
voluptatibus laborum consectetur voluptatem explicabo vero, numquam eius modi quasi obcaecati harum veritatis
aliquam. Sequi tempore saepe accusantium corrupti atque! Distinctio delectus, consequatur recusandae, quaerat,
ipsam rem laboriosam eveniet accusamus voluptatum explicabo at rerum accusantium ad totam neque atque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate cum at minima, ab atque harum nemo? Corrupti, accusantium. Ut quis officiis soluta ad, omnis incidunt eligendi aperiam nisi voluptas, dolores eius. A incidunt autem ipsum, eaque eos, quaerat totam, doloribus ipsa voluptatem dignissimos deserunt aliquam? Ipsum voluptate a, labore veritatis explicabo expedita error? Culpa quisquam, ullam autem perferendis nisi magnam alias consequuntur eius, veritatis porro quam. Tempore, corporis. Ratione nobis sequi obcaecati excepturi repellendus incidunt similique, quia accusamus non quo vero sunt totam fuga inventore in commodi provident mollitia consectetur, earum corporis modi quas? Cumque, quod repellat. Quas, veritatis ratione?
</div>
<br>
<div class="container" style="text-align: justify;">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quia quos laborum aliquam commodi praesentium debitis
error explicabo vitae optio incidunt pariatur ea, id sed officiis quis soluta eveniet corrupti rerum culpa
repudiandae. Molestiae consequuntur reiciendis ex iste iure velit voluptates tempore consequatur suscipit rem
dolores, omnis ad temporibus quisquam aut modi libero sunt commodi! Beatae repellat dolorem recusandae nesciunt
quaerat omnis quibusdam totam laboriosam deserunt tenetur fuga facere voluptatum rerum numquam, eius
reprehenderit, ea nulla? Minus, beatae quae ut unde tenetur earum veritatis omnis quis ducimus adipisci ex,
necessitatibus quidem. Tempore hic odit consequuntur ullam inventore doloremque magnam earum doloribus ab culpa
voluptatibus laborum consectetur voluptatem explicabo vero, numquam eius modi quasi obcaecati harum veritatis
aliquam. Sequi tempore saepe accusantium corrupti atque! Distinctio delectus, consequatur recusandae, quaerat,
ipsam rem laboriosam eveniet accusamus voluptatum explicabo at rerum accusantium ad totam neque atque. Lorem ipsum dolor sit amet consectetur adipisicing elit. Cupiditate cum at minima, ab atque harum nemo? Corrupti, accusantium. Ut quis officiis soluta ad, omnis incidunt eligendi aperiam nisi voluptas, dolores eius. A incidunt autem ipsum, eaque eos, quaerat totam, doloribus ipsa voluptatem dignissimos deserunt aliquam? Ipsum voluptate a, labore veritatis explicabo expedita error? Culpa quisquam, ullam autem perferendis nisi magnam alias consequuntur eius, veritatis porro quam. Tempore, corporis. Ratione nobis sequi obcaecati excepturi repellendus incidunt similique, quia accusamus non quo vero sunt totam fuga inventore in commodi provident mollitia consectetur, earum corporis modi quas? Cumque, quod repellat. Quas, veritatis ratione?
</div>
<!--Footer section-->
<footer>
<div class="row" style="margin-right: 0;">
<div class="col-10 offset-1 col-sm-4 offset-sm-2 footer-left pt-5 pb-5 order-last">
<a href="#">
<p>MEGAPROJECT</p>
</a>
<a href="#">home</a>
<a href="#">project</a>
<a href="#">contact</a>
<br>
<p>Follow us on :</p>
<div class="footer-left-bottom">
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google"></a>
<a href="#" class="fa fa-linkedin"></a>
<a href="#" class="fa fa-youtube"></a>
</div>
</div>
<div class="col-10 offset-1 offset-sm-0 col-sm-4 footer-right pt-5 pb-sm-5 order-sm-last">
<p>Enquiry Form</p>
<form action="">
<div class="row">
<input type="text" name="name" id="name" placeholder="Full Name">
</div>
<div class="row">
<input type="email" name="email" id="email" placeholder="Enter Your Email">
</div>
<div class="row">
<input type="tel" name="number" id="number" placeholder="Enter Mobile Number">
</div>
<div class="row">
<button type="submit">SUBMIT</button>
</div>
</form>
</div>
</div>
</footer>
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js"></script>
</body>
</html>