-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
120 lines (108 loc) · 5.57 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Document</title>
</head>
<body>
<header>
<div class="container">
<img src="./img/AdobeStock_10709082.png" alt="">
<div class="centered">The views are different here</div>
<div class="top-left">Toronto</div>
<div class="top-right">
<ul>
<li>see&do</li>
<li>eat&drink</li>
<li>stay&plan</li>
<li>events</li>
</ul>
</div>
</div>
<h1>Welcome to Toronto</h1>
<p class="welcome">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus leo et est tincidunt pulvinar.
In hac habitasse platea dictumst. Proin auctor lobortis sem ac lobortis. Proin ac mi in mi pulvinar molestie a non nisl.
Vivamus ultricies eu sapien eget egestas. Vivamus eget eleifend mauris, eget tempus mi.
</p>
</header>
<div class="menu">
<p class="See">See & do
<br><img class="arrow-button" src="./img/Arrow Button.png" alt=""></p>
<p class="Eat">Eat & drink
<br><img class="arrow-button" src="./img/Arrow Button.png" alt=""></p>
<p class="Stay">Stay & plan
<br><img class="arrow-button" src="./img/Arrow Button.png" alt=""></p>
<p class="Event">events
<br><img class="arrow-button" src="./img/Arrow Button.png" alt=""></p>
</div>
<div class="content1">
<div class="Featured_event">
<h2>Featured Event</h2>
<input class="path_left" type="image" src="./img/path_left.png" /></div>
<div class="Featured_event2">
<h3 width="400px" ><font color="white">toronto farmers market</font></h3>
<input class="path" type="image" src="./img/path.png" />
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer tempus leo et est tincidunt pulvinar.
In hac habitasse platea dictumst. Proin auctor lobortis sem ac lobortis. Proin ac mi in mi pulvinar molestie a non nisl.
Vivamus ultricies eu sapien eget egestas. Vivamus eget eleifend mauris, eget tempus mi.</p><br>
</div>
</div>
<div class="content">
<div class="item1">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer tempus leo et est tincidunt pulvinar.Vivamus ultricies eu sapien eget egestas.
Vivamus eget eleifend mauris, eget tempus mi.</div>
<div class="item2">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer tempus leo et est tincidunt pulvinar.Vivamus ultricies eu sapien eget egestas.
Vivamus eget eleifend mauris, eget tempus mi.</div>
<div class="item3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer tempus leo et est tincidunt pulvinar.Vivamus ultricies eu sapien eget egestas.
Vivamus eget eleifend mauris, eget tempus mi.</div>
<div class="item4">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer tempus leo et est tincidunt pulvinar.Vivamus ultricies eu sapien eget egestas.
Vivamus eget eleifend mauris, eget tempus mi.</div>
<div class="item5">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Integer tempus leo et est tincidunt pulvinar.Vivamus ultricies eu sapien eget egestas.
Vivamus eget eleifend mauris, eget tempus mi.</div>
</div>
<div class="social">
<div class="subscribe">
<h3 id="sub">Subscribe to our daily newsletter</h3>
<input type="text" placeholder="[email protected]">
<button>Subscribe</button>
</div>
<div class="facebook"><span><i class="fa fa-thumbs-o-up w3-text-indigo" style="font-size:45px;"></i></span>like toronto on facebook</div>
<div class="twitter"><span><i class="fa fa-twitter" style="font-size:45px"></i></span>follow toronto on twitter</div>
</div>
<footer>
<div class="instagram"><span>Follow Toronto on Instagram</span>
<i class="fa fa-instagram" style="font-size:48px;color:white"></i>
</div>
<div class="pictures">
<div>
<img src="./img/foot_Image1.png"></img>
<img src="./img/foot_Image2.png"></img>
<img src="./img/foot_Image3.png"></img>
<img src="./img/foot_Image4.png"></img>
<img src="./img/foot_Image1.png"></img>
<img src="./img/foot_Image2.png"></img>
<img src="./img/foot_Image3.png"></img>
<img src="./img/foot_Image4.png"></img>
<img src="./img/foot_Image1.png"></img>
<img src="./img/foot_Image2.png"></img>
</div>
</div>
<div class="foot_menu">
<div></div>
<div ><font size="5px">See & do</font> <br>Link One <br> Link Two </div>
<div><font size="5px">eat & drink</font> <br>Link One <br> Link Two</div>
<div><font size="5px">stay & plan</font> <br>Link One <br> Link Two</div>
<div><font size="5px">events</font> <br>Link One <br> Link Two</div>
<div class="line_art"><img src="./img/Toronto Line Art.png" alt=""></div>
</div>
<h3>Copyright © 2017 XO PIXEL</h3>
</footer>
</body>
</html>