-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
147 lines (119 loc) · 5.82 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
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Maket Brains</title>
<meta name="description" content="">
<meta name="keywords" content="">
<!-- Favicons -->
<link href="assets/img/mblogo.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts -->
<link href="https://fonts.googleapis.com" rel="preconnect">
<link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<!-- Main CSS File -->
<link href="assets/css/main.css" rel="stylesheet">
<link href="assets/css/contact.css" rel="stylesheet">
</head>
<body class="index-page">
<header id="header" class="header d-flex align-items-center sticky-top">
<div class="container-fluid container-xl position-relative d-flex align-items-center">
<a href="index.html" class="logo d-flex align-items-center me-auto">
<!-- Uncomment the line below if you also wish to use an image logo -->
<img src="assets/img/mblogo.png" alt="">
<h1 class="sitename"></h1>
</a>
<nav id="navmenu" class="navmenu">
<ul>
<li><a href="Aboutus.html">About Us</a></li>
<li><a href="service.html">Services</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
</ul>
<i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
</nav>
<a class="btn-getstarted" href="contact.html">Contact Us</a>
</div>
</header>
<main class="main">
<section id="contact">
<div class="container">
<h1 class="contact-title">Get in <span> Touch </span></h1>
<p class="contact-description">
We would love to hear from you! Please fill out the form below to reach us.
</p>
<form class="contact-form">
<input type="text" placeholder="Name" class="form-input">
<input type="email" placeholder="Email" class="form-input">
<input type="tel" placeholder="Phone Number" class="form-input">
<select class="form-input">
<option disabled selected>How did you find us?</option>
<option>Twitter</option>
<option>Discord</option>
<option>Facebook</option>
</select>
<button class="btn btn-share">Share</button>
</form>
<div class="contact-icons">
<div class="icon">
<i class="bi bi-telephone-fill"></i>
<span>+123456789</span>
</div>
<div class="icon">
<i class="bi bi-printer-fill"></i>
<span>+987654321</span>
</div>
<div class="icon">
<i class="bi bi-envelope-fill"></i>
<span>email@example.com</span>
</div>
</div>
</div>
</section>
</main>
<footer id="footer" class="footer dark-background text-white">
<div class="container footer-top py-4">
<div class="footer-links">
<ul class="list-unstyled d-flex justify-content-center mb-4">
<li class="mx-3"><a href="#" class="text-white text-decoration-none">Home</a></li>
<li class="mx-3"><a href="#" class="text-white text-decoration-none">About us</a></li>
<li class="mx-3"><a href="#" class="text-white text-decoration-none">Services</a></li>
<li class="mx-3"><a href="#" class="text-white text-decoration-none">Portfolio</a></li>
<li class="mx-3"><a href="#" class="text-white text-decoration-none">Contact us</a></li>
</ul>
</div>
<div class="social">
<div class="social-links d-flex justify-content-center mt-4">
<a href="#" class="mx-2 text-white"><i class="bi bi-twitter-x"></i></a>
<a href="#" class="mx-2 text-white"><i class="bi bi-facebook"></i></a>
<a href="#" class="mx-2 text-white"><i class="bi bi-instagram"></i></a>
<a href="#" class="mx-2 text-white"><i class="bi bi-linkedin"></i></a>
</div>
</div>
</div>
<div class="text mt-4 w-100">
<h1 class="text-center text-uppercase">MARKET BRAINS</h1>
</div>
</footer>
<!-- Scroll Top -->
<a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
<script src="assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<!-- Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>