-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy paththird.html
65 lines (61 loc) · 2.93 KB
/
third.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
<!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 >
<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>
<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>TThere 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 thishere 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. 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 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>