-
Notifications
You must be signed in to change notification settings - Fork 2
/
contact.html
96 lines (85 loc) · 3.39 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>ALIS UI</title>
<meta charset="UTF-8">
<!-- UIkit CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.23/css/uikit.min.css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="css/app.css">
<link rel="stylesheet" href="css/contact.css"
<!-- jQuery is required -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- UIkit JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.23/js/uikit.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.23/js/uikit-icons.min.js"></script>
</head>
<!-- Navigation Section-->
<nav class="uk-navbar-container" uk-navbar style="background-color:#0093d0;">
<div class="uk-navbar-left">
<a class="uk-navbar-item uk-logo" href="#">
<img src="images/addlevel_logo_white_trans.svg" width="120" height="120"uk-svg style="padding-bottom:7px;"></a>
<ul class="uk-navbar-nav ">
<li class="uk-active " ><a href="./client_dashboard.html"><b><font color="white" size="2em;">Dashboard</font></b></a></li>
<li class="uk-parent"><a href="./question_control.html"><b><font color="white" size="2em;">Questionaire</font></b></a></li>
<li class="uk-parent"><a href="./contact.html"><b><font color="white" size="2em;">Contact</font></b></a></li>
<li class="uk-parent"><a href="./faq.html"><b><font color="white" size="2em;">FAQ</font></b></a></li>
</ul>
</div>
<div class="uk-navbar-right" style="padding-right:20px;">
<ul class="uk-navbar-nav">
<li>
<a href="#">
<span uk-icon="icon:user" style="padding-right:5px;padding-bottom:5px;color:white;"></span><b><font color="white" size="2em;">My profile</font></b>
</a>
<div class="uk-navbar-dropdown">
<ul class="uk-nav uk-navbar-dropdown-nav">
<li><a href="./profile.html">
<span uk-icon="icon:settings" style="padding-right:10px;"></span>Profile</li>
<li class="uk-nav-divider"></li>
<li><a href="" class="signout"><span uk-icon="icon:sign-out" style="padding-right:10px;"></span>Sign out</a></li>
</ul>
</div>
</li>
</ul>
</nav> <!-- End Nav -->
<body>
<div class="uk-flex uk-flex-center">
<div class="uk-card uk-card-default uk-card-body" style=" padding: 20px;margin-top: 30px;">
<form class="uk-form-horizontal uk-margin-large">
<h2>Contact Us</h2>
<div class="uk-margin">
<label class="uk-form-label" for="form-horizontal-text"><strong>Name</strong></label>
<div class="uk-form-controls">
<input class="uk-input" id="contact-name" type="text" >
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="form-horizontal-text"><strong>Email</strong></label>
<div class="uk-form-controls">
<input class="uk-input" id="contact-email" type="text">
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="form-horizontal-text"><strong>Subject</strong></label>
<div class="uk-form-controls">
<input class="uk-input" id="contact-subject" type="text" >
</div>
</div>
<div class="uk-margin">
<label class="uk-form-label" for="form-horizontal-text"><strong>Your message</strong></label>
<div class="uk-form-controls">
<textarea class="uk-width-large-1-1" id="form-h-t" cols="100" rows="10"></textarea>
</div>
</div>
<div class="uk-form-row">
<div class="uk-form-controls">
<button class="uk-button uk-button-primary">Submit</button>
</div>
</div>
</div>
</div>
</form>
</body>
</html>