EasyGov/contact.html at master · Sunny77D/EasyGov · GitHub

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
<!DOCTYPE HTML>
<!--
	Projection by TEMPLATED
	templated.co @templatedco
	Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
-->
<html>
	<head>
		<title>EasyGov</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<link rel="stylesheet" href="assets/css/main.css" />
        <link rel="stylesheet" type="text/css" href="footer.css">
        <link rel="stylesheet" type="text/css" href="forms-proto.css">
        <script src="https://kit.fontawesome.com/235515dd25.js" crossorigin="anonymous"></script>
	</head>
	<body class="subpage">

		<!-- Header -->
			<header id="header">
				<div class="inner">
					<a href="index.html" class="logo"><strong>EasyGov</strong></a>
					<nav id="nav">
                        <a href="index.html">Home</a>
                        <a href="about.html">About</a>
                        <a href="contact.html"><b>Contact</b></a>
                        <a href="forms.html">Forms</a>
					</nav>
					<a href="#navPanel" class="navPanelToggle"><span class="fa fa-bars"></span></a>
				</div>
            </header>

        <!-- Banner -->
			<section id="banner-4">
				<div class="inner">

					<header>
						<h1>Contact Us</h1>
						<h3>Want to help us make government forms accessible?</br>Let's connect and work together.</h3>
					</header>

				</div>
			</section>

		<!-- Three -->
        <div class="questions-container">

            <form method="post">
                <div class="horizontal-flexbox">
                    <div class="question" style="width: 50%">
                        <label for="name">Name</label>
                        <input name="name" id="name" type="text" placeholder="Name">
                    </div>
                    <div class="question" style="width: 50%">
                        <label for="email">Email</label>
                        <input name="email" id="email" type="email" placeholder="Email">
                    </div>
                </div>
                <div class="question">
                    <label for="message">Message</label>
                    <textarea name="message" id="message" rows="6" placeholder="Message"></textarea>
                </div>
                <div class="question align-center">
                    <input value="Send Message" class="button" type="submit">
                </div>
            </form>

            <div id="sent" class="align-center"></div>

        </div>

		<!-- Footer -->
		<div class="footer-box">
			<div class="footer-copyright"> &copy; EasyGov 2020. </div>
            <div class="footer-text"> Design: <a href="https://templated.com">TEMPLATED</a>. Images: <a href="https://unsplash.com">Unsplash</a>.</div>
			<div class="footer-text"> <i class="far fa-envelope"></i>: sample@gmail.com  </div>
		</div>

		<!-- Scripts -->
			<script src="assets/js/jquery.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>
            <script src="contact.js"></script>

	</body>
</html>