-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (83 loc) · 3.24 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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Network of Wellington</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div class="circle"></div>
<h2 class="headcolor"> Wellington </h2>
<h2 class="headcolor2"> Network. </h2>
<p class="intro2">As the technique progression in the world. The ways of how human communicate with other become various. How we contect other people become so easy. They rely on the infrastructures on every countries. </p>
<hr id="line" align="right" width="70%">
<img src="img/cars.png" alt="sketch" class="cars" width="30%">
<img src="img/Layer_3.png" alt="sketch" class="Layer_3" >
<img src="img/Layer_3.png" alt="sketch" class="Layer_4" >
<h1 class="Intro">Wellington</h1>
<h1 class="Intro1">Network</h1>
<nav>
<a href="index.html" class="home" style="text-decoration:none">Home</a>
<a href="index2.html" class="one" style="text-decoration:none">Camera System</a>
<a href="index3.html" class="two" style="text-decoration:none">Transportation System</a>
<a href="index4.html" class="three" style="text-decoration:none">Street Marking</a>
</nav>
<!-- page1 -->
<!-- <section id="one" class="camera" >
<p><strong>Camera System</strong></p>
<p>By setting an a tag's href to "#one", it will link to a html element with the id of "one". <a href="https://css-tricks.com/hash-tag-links-padding/">More info about that here</a></p>
</section>
<section>
<div class="g-row">
<div class="g-30">
<img src="img/cc1.jpeg">
<img src="img/cc2.jpeg">
</div>
<div class="g-70 padded">
<h3>Road camera</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque est, egestas tristique quam nec, efficitur efficitur massa. Aenean in faucibus felis. Mauris ut ligula vestibulum, varius metus vitae, maximus orci.</p>
</div>
</div>
-->
<!-- page2 -->
<!-- <section id="two" class="camera">
<p><strong>Tramsporation System</strong></p>
</section>
<div class="g-row">
<div class="g-30">
<img src="img/t1.jpeg">
<img src="img/t2.jpeg">
<img src="img/t3.jpeg">
</div>
<div class="g-70 padded">
<h3>Example</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque est, egestas tristique quam nec, efficitur efficitur massa. Aenean in faucibus felis. Mauris ut ligula vestibulum, varius metus vitae, maximus orci.</p>
</div>
</div>
<section id="three" class="camera">
<p><strong>Street marking</strong></p>
</section> -->
<!-- page3 -->
<!-- <div class="g-row">
<div class="g-30">
<img src="img/s1.jpeg">
<img src="img/s2.jpeg">
<img src="img/s3.jpeg">
</div>
<div class="g-70 padded" >
<h3>Example</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed neque est, egestas tristique quam nec, efficitur efficitur massa. Aenean in faucibus felis. Mauris ut ligula vestibulum, varius metus vitae, maximus orci.</p>
</div>
</div>
<div class="camera">
</div> -->
<div class="square"></div>
<div class="container">
<div class="avatar">
<!-- <a href="https://codepen.io/MarioDesigns/"> -->
<img src="img/ROUTER.png" alt="ROUTER" />
</a>
</div>
</div>
</body>
</html>