-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (63 loc) · 2.6 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
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' >
<meta content='width=device-width, minimum-scale=1.0, maximum-scale=1.0' name='viewport'>
<title>Adding pictures to floating columns</title>
<link rel="stylesheet" type="text/css" href="third.css">
<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
</head>
<body >
<span class="toptop">
<div class="nav">
<a class="home" href="#" >
<img src="http://placekitten.com/g/200/300" class="logo">
</a>
<a class="home-text" href="#"> ☰</a>
<a class="rest" href="#">About</a>
<a class="rest" href="#">Team</a>
<a class="rest" href="#">Company</a>
<a class="rest" href="#">Contact</a>
</div>
</span>
<div class="top">
<div class="wrapper">
<h1>Hellooo World</h1>
<p>This is going to respond to browser resizing</p>
</div>
</div>
<div class="wrapper">
<div class="column">
<div class="image cat1">
</div>
<div class="text">
<p>blABLABLA types of links. You can create an external link, a link that go to another web site. This link is absolute and basically need all the line that usually you see or type in the Url bar of your browser. If we want to link our web site to the OTS site, it look like this: </p>
</div>
<div class="clear"></div>
</div>
<div class="column">
<div class="image cat2">
</div>
<div class="text">
<p>Things to try: Click on the sandwich top right. You can see menu coming and going. Then change browser window to that of a smart phone. There are different types of links. You can create an external link, a link that go to another web site. You can create an external link, a link that go to another web site. This link is absolute and basically need all the line that usually you see or type in the Url bar of your browser. If we want to link our web site to the OTS site, it look like thi</p>
</div>
<div class="clear"></div>
</div>
<div class="column">
<div class="image cat3">
</div>
<div class="text">
<p>There are different types of links. You can create an external link, a link that go to another web site. This link is absolute and basically need all the line that usually you see or type in the Url bar of your browser. If we want to link our web site to the OTS site, it look like this: </p>
</div>
<div class="clear"></div>
</div>
</div>
<script type="text/javascript" src='jquery-2.0.3.min.js'>
</script>
<script>
$('.home-text').click(function(){
$('.rest').toggle();
});
</script>
</body>
</html>