-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
176 lines (169 loc) · 8.63 KB
/
contact.html
File metadata and controls
176 lines (169 loc) · 8.63 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!-- CSS Stylesheet -->
<link rel="stylesheet" href="assets/stylesheet/style.css">
<!-- Google Font -->
<link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,500i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<title></title>
</head>
<body>
<section class="banner">
<!-- Main Header -->
<header>
<div class="header_container wrapper">
<div class="header_logo wrapper padding">
<h1>
<a href="home.html">
<span>H</span>
igh Edu
</a>
</h1>
</div>
<div class="header_nav_menu">
<ul class="header_list">
<li>
<a class="header_links" href="home.html">HOME</a>
</li>
<li>
<a class="header_links link" href="about.html">ABOUT</a>
</li>
<li>
<a class="header_links link" href="">DROPDOWN</a>
</li>
<li>
<a class="header_links link" href="events">EVENTS</a>
</li>
<li class="active">
<a class="header_links link" href="contact.html">CONTACT</a>
</li>
</ul>
</div>
</div>
</header>
</section>
<!-- contact -->
<section class="contact">
<h6>FIND US</h6>
<h1>Contact Us</h1>
<div class="wrapper">
<div class="contact_grid">
<div class="contact_email">
<input type="text" placeholder="Name">
<input type="email" placeholder="Email">
<input type="number" placeholder="Phone">
<textarea name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
<button class="contact_btn">SUBMIT</button>
</div>
<div class="contact address">
<div class="contact_add">
<h5>Address:</h5>
<p class="contact_icons"> <i class="fas fa-home home"></i> 321 Block,4th Building, 2nd Street State 3489.</p>
</div>
<div class="contact_ph">
<h5>Phones:</h5>
<p class="contact_icons"><i class="fas fa-phone-alt home"></i> +1(23) 4567 7890</p>
</div>
<div class="contact_mail">
<h5>Email</h5>
<p class="contact_icons"> <i class="fas fa-envelope home"></i> mail@example.com</p>
<p class="contact_icons"><i class="fas fa-globe-americas home"></i> website@example.com</p>
</div>
</div>
</div>
</div>
</section>
<!-- map -->
<section class="map_map">
<div class="map_location">
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d1735769.8535458827!2d77.29538994999999!3d31.820213499999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1561183776908!5m2!1sen!2sin" width="100%" height="350" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</section>
<section class="submit">
<div class="wrapper">
<div class="newsletter_info">
<form class="form-1" action="#" method="POST">
<input type="email" name="email" placeholder="Enter your email..." required>
<button type="submit" class="btn_submit">SUBMIT</button>
</form>
</div>
</div>
</section>
<footer class="footer">
<div class= "wrapper">
<div class="inside-footer">
<div>
<h3 class="title_footer">Address</h3>
<p class="footer_row new_add">Address : 1234 lock, Charlotte, North Carolina, United States</p>
<p class="footer_row">Phone : +12 534894364</p>
<p class="footer_row">Email : info@example.com</p>
<p class="footer_row">Fax : +12 534894364</p>
</div>
<div class="footer_navlink">
<h3 class="title_footer">Quick Links</h3>
<p class="footer_row"> <a class="footer_link" href="">Home</a></p>
<p class="footer_row"><a class="footer_link" href="">About</p>
<p class="footer_row"><a class="footer_link" href="">Events</p>
<p class="footer_row"><a class="footer_link" href="">Courses</a> </p>
<p class="footer_row"><a class="footer_link" href="">Contact</a> </p>
</div>
<div class="notitle_footer">
<p class="footer_row"><a class="footer_link" href="">Privacy Policy</a></p>
<p class="footer_row"><a class="footer_link" href="">General Terms</a></p>
<p class="footer_row"><a class="footer_link" href="">Faq's </a> </p>
<p class="footer_row"><a class="footer_link" href="">Knowledge</a> </p>
<p class="footer_row"><a class="footer_link" href="">Forum</a> </p>
</div>
<div>
<h3 class="title_footer">Newsletter</h3>
<p class="footer_row new_add"> By subscribing to our mailing list you will always get latest news and updates from us.
</p>
<input class="footer_input" type="text" placeholder="Enter your email..."required="">
<button class="footer_btn"> <i class="far fa-paper-plane footer_icon"></i></button>
</div>
</div>
<!-- footer-logo -->
<div class="footer_logo">
<div class="footer_banner_logo">
<a class ="footer_logolink"href="index.html">
<span class="footer_banner">H</span>igh
<span > Edu</span>
</a>
</div>
<p class="footer_para">Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Nulla quis <br> lorem ipnut libero malesuada feugiat. Lorem ipsum dolor sit amet, consectetur elit.
</p>
<!-- social links -->
<div class="footer_social_media">
<button class="social_link one">
<a class="footer_color" href=""><i class="fab fa-facebook-f facebook"></i> <span>facebook</span> </a>
</button>
<button class="social_link two">
<a class="footer_color" href=""><i class="fab fa-twitter twitter"></i>twitter</a>
</button>
<button class="social_link three">
<a class="footer_color" href=""><i class="fab fa-google-plus-g google"></i>google</a>
</button>
<button class="social_link four">
<a class="footer_color" href=""><i class="fab fa-linkedin-in linkedin"></i>linkedin</a>
</button>
<div class="footer_up">
<button class="arrow">
<a href="">
<i class="fas fa-angle-up uphome"></i>
</a>
</button>
</div>
</div>
</div>
<div class="copyright">
<small>©2019 High Edu. All rights reserved | Design by <a class="w3layout" href="">W3layouts.</a></small>
</div>
</div>
</footer>
</body>
</html>