Skip to content

Commit b67a1fe

Browse files
author
Pretty Taruvinga
committed
Set up HTML structure for mini-weather app
1 parent d0a6c0a commit b67a1fe

1 file changed

Lines changed: 50 additions & 46 deletions

File tree

‎challenges/challenge-weather-app/index.html‎

Lines changed: 50 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -1,49 +1,53 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
4-
<head>
5-
<meta charset="UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
8-
9-
<title>Meteoropolis</title>
10-
<link rel="stylesheet" href="assets/globals.css">
11-
<link rel="stylesheet" href="assets/styles.css">
12-
</head>
13-
14-
<body>
15-
<!-- Structure -->
16-
<main class="content">
17-
<header class="header">
18-
<h1 class="title">
19-
<i>Meteor</i>
20-
<i>opolis</i>
21-
</h1>
22-
</header>
23-
24-
<figure class="photo" id="photo"></figure>
25-
26-
<div class="info">
27-
<p class="info__item info__item--conditions" id="conditions"></p>
28-
<p class="info__item info__item--credits">
29-
<a href="#" id="credit-user"></a>
30-
<span>on</span>
31-
<a href="#" id="credit-platform">Unsplash</a>
32-
</p>
33-
</div>
34-
35-
<div class="thumbs" id="thumbs"></div>
36-
37-
<div class="controls">
38-
<form class="search" id="search">
39-
<label class="search__label" for="search-tf">City</label>
40-
<input class="search__input" id="search-tf" name="city" placeholder="Enter city name" autocomplete="city" />
41-
<button class="btn search__btn">Go</button>
42-
</form>
43-
</div>
44-
</main>
45-
46-
<!-- JS goes here -->
47-
</body>
48-
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
7+
8+
<title>Meteoropolis</title>
9+
<link rel="stylesheet" href="assets/globals.css" />
10+
<link rel="stylesheet" href="assets/styles.css" />
11+
</head>
12+
13+
<body>
14+
<!-- Structure -->
15+
<main class="content">
16+
<header class="header">
17+
<h1 class="title">
18+
<i>Meteor</i>
19+
<i>opolis</i>
20+
</h1>
21+
</header>
22+
23+
<figure class="photo" id="photo"></figure>
24+
25+
<div class="info">
26+
<p class="info__item info__item--conditions" id="conditions"></p>
27+
<p class="info__item info__item--credits">
28+
<a href="#" id="credit-user"></a>
29+
<span>on</span>
30+
<a href="#" id="credit-platform">Unsplash</a>
31+
</p>
32+
</div>
33+
34+
<div class="thumbs" id="thumbs"></div>
35+
36+
<div class="controls">
37+
<form class="search" id="search">
38+
<label class="search__label" for="search-tf">City</label>
39+
<input
40+
class="search__input"
41+
id="search-tf"
42+
name="city"
43+
placeholder="Enter city name"
44+
autocomplete="city"
45+
/>
46+
<button type="submit" class="btn search__btn">Go</button>
47+
</form>
48+
</div>
49+
</main>
50+
51+
<!-- JS goes here -->
52+
</body>
4953
</html>

0 commit comments

Comments
 (0)