-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
173 lines (163 loc) · 7.29 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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Information Technology</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css" />
<link href="http://fonts.cdnfonts.com/css/cocogoose" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<body>
<header>
<ul class="nav nav justify-content-end">
<li><a href="https://web.facebook.com/groups/TM.Smart.Home" class="fa fa-facebook"></a></li>
<li><a href="https://twitter.com/SmartHomeUSA" class="fa fa-twitter"></a></li>
<li><a href="index.html">Home</a></li>
<li><a href="#Mine">My page</a></li>
<li><a href="logout.html">Logout</a></li>
</ul>
</header>
<section class="top">
<div class="top1">
<label href="#Mine" class="logo">Smart Home</label>
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://smarthomes.tv/">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://www.vivint.com/company/contact-us">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="https://www.pocket-lint.com/smart-home/news/">News</a>
</li>
</ul>
</div>
</section>
</ul>
</div>
</section>
<div class="headcontainer">
<div id="overlay">
<div id="mobilemenu">
<div id="option">
<div class="login">Login</div>
<a class="link" href="index.html">Home</a>
<a class="link" href="about.html">about</a>
<a class="link" href="#">Services</a>
<a class="link" href="#">Contact</a>
<a class="link" href="#">news</a>
</div>
</div>
<div id="menubar">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<div class="header-container" id="Mine">
<h1 class="title1">"Hello! Sharing world"</h1>
<h2 class="title2">
get your home secure in 2023
</h2>
<p class="parap">Home protection and family safety are the primary purposes of
a home security system. While this includes detecting burglary, a security system
also detects a number of other threats, including smoke, fire,
carbon monoxide poisoning, and water damage.
</p>
<h2 class="date">2023.04.25(THU) ~ 16(FRI)</h2>
<p class="reference">@ Gardyelon IT Services of Haiti,Art center Nabi and more</p>
</div>
</div>
</div>
<section class="work" id="program">
<div class="workchild">
<h3>Main Program</h3>
<div class="lines-1"></div>
<div class="program-container">
<div class="program">
<img alt="lecture" src="./images/program1.png">
<h4>Lecture</h4>
<p>Listen to the speakers from various countries about the messages of sharing and opening</p>
</div>
<div class="program">
<img alt="Exhibition" src="./images/program2.png">
<h4>Exhibition</h4>
<p>Appreciate various applying CC license of artist, organized from Art Center Nabi.</p>
</div>
<div class="program">
<img alt="Forum" src="./images/program3.png">
<h4>Forum</h4>
<p>Have the time to share your thoughts and opinions with experts for each topic</p>
</div>
<div class="program">
<img alt="Workshop" src="./images/program4.png">
<h4>Workshop</h4>
<p>Try creating your own work using open source license rather than just watching at it.</p>
</div>
<div class="program">
<img alt="CC Ignite" src="./images/program2.png">
<h4>CC Ignite</h4>
<p>Get opportunities to network with CC affiliates around the world also after the summit.</p>
</div>
</div>
<p class="see">SEE THE WHOLE PROGRAM</p>
<div class="seeprogram">Join GDM Smart Home </div>
</div>
</section>
<section class="presenter">
<h2>Featured Members</h2>
<div class="lines-1"></div>
<div id="presenter-container" class="presenter-container"></div>
</section>
<section class="Partnercontainer">
<div class="partnerchild">
<h3 class="partnertitle">Partner</h3>
<div class="lines-1"></div>
<ul class="list-partner">
<li class="mozilla-1"><a href="#"></a>mozilla</li>
<li class="goo"><a href="#"></a>Google</li>
<li class="naver"><a href="#"></a>NAVER</li>
</ul>
<ul class="list-partner2">
<li class="goo"><a href="#"></a>daumkakao</li>
<li class="goo"><a href="#"></a>airbnb</li>
</ul>
<ul class="list-partnerdesk">
<li class="mozilla-1"><a href="#"></a>mozilla</li>
<li class="goo"><a href="#"></a>Google</li>
<li class="naver"><a href="#"></a>NAVER</li>
<li class="goo"><a href="#"></a>daumkakao</li>
<li class="goo"><a href="#"></a>airbnb</li>
</ul>
</div>
</section>
<footer>
<div class="footer1">
<div class="Smart">
<div class="home1"><i class="fa-solid fa-house-signal fa-beat-fade"></i>Smart Home</div>
</div>
<p class="end">Smart Home Haiti Some rights reserved</p>
<p class="deskfoot">必活理階話勢決理教延変方巨。果上年国記長余言幸質上定之摘例副樹。深臣薄備品治地見再一披意銀。早加立引率報年置次高整座査際室位。躍文勝合載記入件就注付情。</p>
</div>
<div class="footer2">
<div class="Smart">
<h3 class="home-2">Smart Home</h3>
</div>
<div class="end2">
<p class="enterprise">Smart Home Haiti Some rights reserved</p>
<p class="gdm">必活理階話勢決理教延変方巨。果上年国記長余言幸質上定之摘例副樹。深臣薄備品治地見再一披意銀。早加立引率報年置次高整座査際室位。躍文勝合載記入件就注付情。</p>
</div>
</div>
</div>
</footer>
<script src="app.js" ></script>
<script src="contact.js" ></script>
</body>
</html>