-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
140 lines (129 loc) · 5.21 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Homepage</title>
<link rel="stylesheet" type="text/css" href="./assets/css/index.css">
<link rel="stylesheet" type="text/css" href="./assets/css/bulma.css">
<!-- <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet"> -->
</head>
<body>
<section class="hero is-fullheight">
<div class="hero-head">
<!--START OF NAVBAR-->
<nav class="navbar is-fixed-top" role="navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item" href="#" >
<img src="assets/imgs/tractor.png" alt="A logo of a tractor"><h1>WeMove</h1>
</a>
</div>
<div class="nav-burger">
<span></span>
<span></span>
<span></span>
</div>
<div class="navbar-start">
<a class="navbar-item" href="index.html">Home</a>
</div>
<div class="navbar-item has-dropdown is-hoverable">
<a class="navbar-link" href="#">About Us</a>
<div class="navbar-dropdown is-boxed" style="background-color: #3B3643 !important;">
<a class="navbar-item" href="#">Our Team</a>
<a class="navbar-item" href="offers.html">Our Services</a>
<a class="navbar-item" href="#">Blog</a>
</div>
</div>
<a class="navbar-item" href="bookings.html">Bookings</a>
</nav>
</div>
<!-- END OF NAVBAR-->
<div class="hero-body">
<div class="container has-text-centered">
<div class="column is-6 is-offset-3">
<h1 class="title" id="colorChange">
We Can Lend A Hand!
</h1>
<h2 class="subtitle">With WeMove on your side, you'll be able to move your items quickly and easier without hassles, and be able to use your time to do other important stuff. <i class="fab fa-facebook-f"></i>
</h2>
</div>
<div class="level-item">
<a href="bookings.html" class="button is-primary">Book our service</a>
</div>
</div>
</div>
<div class="box is-right">
<!-- LOGIN FORM STARTS HERE-->
<form>
<div class="field">
<label>Username</label>
<p class="control has-icons-left">
<input class="input is-danger" type="text" name="Username" placeholder="username" id="usernameInput" required/>
<span class="icon is-small is-left">
<i class="fas fa-envelope"></i>
</span>
<span class="icon is-small is-right">
<i class="fas fa-check"></i>
</span>
</p>
</div>
<div class="field">
<label>Password</label>
<p class="control has-icons-left">
<input class="input is-danger" type="text" name="password" placeholder="Password" id="passwordInput" required/>
<span class="icon is-small is-left">
<i class="fas fa-lock"></i>
</span>
</p>
</div>
</form>
<div class="field">
<p class="control">
<button class="button is-success" value="submit" id="submitButton">
Login
</button>
</p>
</div>
</div>
</section>
<!-- LOGIN FORM ENDS HERE
<!BEGINNING OF FOOTER-->
<footer class="footer">
<div class="wrapper">
<div>
<h3><strong>SiteMap</strong></h3>
<p>Accra Digital Centre<br>
Established 2018
Ghana.
</p>
<p>© 2018</p>
</div>
<div>
<h1><strong>Office</strong></h1>
<p>Developers In Vogue<br>
Accra Digital Centre<br>
24 Akushika Street.
</p>
</div>
<div>
<h1><strong>Connect</strong></h1>
<p>Facebook <i class="far fa-arrow-alt-circle-right"></i></i><br>
Twitter <i class="far fa-arrow-alt-circle-right"></i><br>
LinkedIn <i class="far fa-arrow-alt-circle-right"></i><br>
Instagram <i class="far fa-arrow-alt-circle-right"></i>
</p>
</div>
<div>
<h1>Contact</h1>
<p><i class="fas fa-mobile"></i> 0241267116<br>
<i class="fas fa-envelope-square"></i> [email protected]
</p>
</div>
</footer>
<!--FOOTER ENDS HERE-->
<script type="text/javascript" src="assets/js/index.js">
</script>
</body>
</html>