-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
122 lines (111 loc) · 4.16 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
<!DOCTYPE HTML>
<html>
<head>
<title>contact us</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="assets/css/main.css" />
<!--fontawesome cdn-->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" integrity="sha384-vSIIfh2YWi9wW0r9iZe7RJPrKwp6bG+s9QZMoITbCckVJqGCCRhc+ccxNcdpHuYu" crossorigin="anonymous">
</head>
<body class="subpage">
<!-- Header -->
<header id="header">
<div class="logo"><a href="index.html">read<span>biographies</span></a></div>
<a href="#menu" class="toggle"><span>Menu</span></a>
</header>
<!-- Nav -->
<nav id="menu">
<ul class="links">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</nav>
<!-- One -->
<section id="one" class="wrapper style2">
<div class="inner">
<div class="box">
<div class="image fit">
<img src="images/pic01.jpg" alt="" />
</div>
<div class="content">
<header class="align-center">
<h2>contact us</h2>
<p>our social media platfom</p>
</header>
<hr />
<ul class="contact">
<li class="contact">like our facebook page: <a href="#" class="contact"><i class="fab fa-facebook-f"></i></a></li><br><br>
<li class="contact">email us:<a href="#" class="contact"><i class="far fa-envelope"></i></a></li><br><br>
<li class="contact">follow us on instagram:<a href="https://instagram.com/iam_damoblinkz?igshid=podru7ezk9z0" class="contact"><i class="fab fa-instagram"></i></a></li><br><br>
<li class="contact">link us on github:<a href="#" class="contact"><i class="fab fa-github"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Four -->
<section id="four" class="wrapper style3">
<div class="inner">
<header class="align-center">
<p>“The price of greatness is responsibility.” – Winston Churchill</p>
<p>“As we look ahead into the next century, leaders will be those who empower others.” – Bill Gates</p>
<p>“Leaders think and talk about the solutions. Followers think and talk about the problems.” – Brian Tracy</p>
</header>
</div>
</section>
<!-- Footer -->
<footer id="footer" class="wrapper">
<div class="inner">
<section>
<div class="box">
<div class="content">
<h2 class="align-center">Get in Touch</h2>
<hr />
<form action="#" method="post">
<div class="field half first">
<label for="name">Name</label>
<input name="name" id="name" type="text" placeholder="Name" required >
</div>
<div class="field half">
<label for="email">Email</label>
<input name="email" id="email" type="email" placeholder="Email">
</div>
<div class="field">
<label for="dept">reason for contact</label>
<div class="select-wrapper">
<select name="dept" id="dept">
<option value="">- Category -</option>
<option value="1">feedback</option>
<option value="1">question</option>
<option value="1">Advert placement</option>
<option value="1">request</option>
</select>
</div>
</div>
<div class="field">
<label for="message">Message</label>
<textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
</div>
<ul class="actions align-center">
<li><input value="Send Message" class="button special" type="submit"></li>
</ul>
</form>
</div>
</div>
</section>
<div class="copyright">
Copyright©<span id="year"></span>.
</div>
</div>
</footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/skel.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>