-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcommit-f5b9272
More file actions
171 lines (169 loc) · 4.22 KB
/
commit-f5b9272
File metadata and controls
171 lines (169 loc) · 4.22 KB
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
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
From f5b9272d70c789200fbc03de61e9ec77c46d7c5e Mon Sep 17 00:00:00 2001
From: ganiyu babatunde <ganiyu babatunde>
Date: Sat, 16 Nov 2019 00:48:43 +0100
Subject: index on master: 9b1dfbd Initial commit
diff --git a/img/pic1.jpg b/img/pic1.jpg
new file mode 100644
index 0000000..e289a16
Binary files /dev/null and b/img/pic1.jpg differ
diff --git a/img/pic2.jpg b/img/pic2.jpg
new file mode 100644
index 0000000..d04c922
Binary files /dev/null and b/img/pic2.jpg differ
diff --git a/img/pic3.jpg b/img/pic3.jpg
new file mode 100644
index 0000000..badc94f
Binary files /dev/null and b/img/pic3.jpg differ
diff --git a/img/pic4.jpg b/img/pic4.jpg
new file mode 100644
index 0000000..5dd592d
Binary files /dev/null and b/img/pic4.jpg differ
diff --git a/img/pic5.jpg b/img/pic5.jpg
new file mode 100644
index 0000000..9d7006d
Binary files /dev/null and b/img/pic5.jpg differ
diff --git a/img/pic6.jpg b/img/pic6.jpg
new file mode 100644
index 0000000..c5c6640
Binary files /dev/null and b/img/pic6.jpg differ
diff --git a/img/pic7.jpg b/img/pic7.jpg
new file mode 100644
index 0000000..77883a7
Binary files /dev/null and b/img/pic7.jpg differ
diff --git a/img/pic8.jpg b/img/pic8.jpg
new file mode 100644
index 0000000..13fa70a
Binary files /dev/null and b/img/pic8.jpg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..c989b3b
--- /dev/null
+++ b/index.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Geosearch</title>
+ <meta charset="UTF-8">
+ <meta name="author" content="Ganiyu Babatunde">
+ <meta name="description" content="A tool that allows users to search for a place, view position on map with map marker and check local weather conditions.">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" type="text/css" href="style/style.css">
+
+</head>
+<body>
+ <!------center text begin-->
+ <div class="pimg1">
+ <div class="ptext">
+ <span class="border">
+ <h1>Geosearch</h1>
+ A tool that allows users to search for a place, view position on map with map marker and check local weather conditions
+ </span>
+ </div>
+ </div>
+ <!------center text ends-->
+
+<!------form begins-->
+<div class="wrap">
+ <div class="search">
+ <input type="text" class="searchTerm" placeholder="lets go on a Tour?">
+ <button type="submit" class="searchButton">
+ <i class="fa fa-search"></i>
+ </button>
+ </div>
+ </div>
+<!------form ends-->
+
+<script src="scripts.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/scripts.js b/scripts.js
new file mode 100644
index 0000000..e69de29
diff --git a/style/style.css b/style/style.css
new file mode 100644
index 0000000..a58d27a
--- /dev/null
+++ b/style/style.css
@@ -0,0 +1,79 @@
+/*body begins*/
+body, html{
+ height: 100%;
+ margin: 0;
+ font-size: 15px;
+ font-family: "lato", sans-serif;
+ font-weight: 400;
+ line-height: 1.8em;
+ background-image: url("../img/pic7.jpg");
+ background-position: center;
+ background-repeat: no-repeat;
+ background-size: cover;
+}
+
+/*header begins*/
+h1{
+ font-size: 40px;
+ color: white;
+}
+
+.ptext {
+ position: absolute;
+ top: 10%;
+ width: 100%;
+ text-align: center;
+ color: black;
+ letter-spacing: 10px;
+ line-height: 40px;
+ text-transform: uppercase;
+}
+input {
+ justify-content: center;
+ width:600px;
+ height:30px;
+ margin-bottom:15px;
+ border-radius: 10px;
+}
+
+ .search {
+ width: 100%;
+ position: relative;
+ display: flex;
+ }
+
+ .searchTerm {
+ width: 100%;
+ border: 3px solid #00B4CC;
+ border-right: none;
+ padding: 5px;
+ height: 20px;
+ border-radius: 5px 0 0 5px;
+ outline: none;
+ color: #9DBFAF;
+ }
+
+ .searchTerm:focus{
+ color: #00B4CC;
+ }
+
+ .searchButton {
+ width: 40px;
+ height: 36px;
+ border: 1px solid #00B4CC;
+ background: #00B4CC;
+ text-align: center;
+ color: #fff;
+ border-radius: 0 5px 5px 0;
+ cursor: pointer;
+ font-size: 20px;
+ }
+
+ /*Resize the wrap to see the search bar change!*/
+ .wrap{
+ width: 30%;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
\ No newline at end of file