-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
152 lines (143 loc) · 6.04 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
<!DOCTYPE html>
<html lang="zxx">
<head>
<meta charset="utf-8" />
<title>GDG CHLEF</title>
<link rel="stylesheet" href="vendor/fontawesome-free-5.6.3-web/css/all.css">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/app.css" />
</head>
<body>
<header>
<nav>
<div class="container">
<h1>GDG CHLEF</h1>
<ul>
<li><a href="#">home</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">Client Space</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>
</nav>
<div class="heading">
<div class="container">
<img src="img/logo3.png" alt="logo">
<div class="boxes">
<div class="box">
<i class="fas fa-share-alt fa-2x fw"></i>
<h3>Share</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Repellen dol .</p>
</div>
<div class="box">
<i class="fas fa-graduation-cap fa-2x fw"></i>
<h3>Learn</h3>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Rep ol .</p>
</div>
<div class="box">
<i class="fas fa-users fa-2x fw"></i>
<h3>Networks</h3>
<p>Et et laborum non anim esse pariatur do velit duis nisi ipsum duis.</p>
</div>
<div class="box">
<i class="fas fa-smile fa-2x fw"></i>
<h3>Fun</h3>
<p>Et et laborum non anim esse pariatur do velit duis nisi ipsum duis.</p>
</div>
</div>
</div>
</div>
</header>
<section class="slider">
<div class="slide">
<h1>Web Developement</h1>
<q>Amet occaVelit officia deserunt officia mollit eu sit dolor ut anim
anim ea in Lordfsd dfEu ex commodo exercitation veniam laboris aute sit irure. Deserunt adipisicing
enim voluptate sit voluptate aute. Ea officia magna deserunt ipsum dolor id. Laborum dolor fugiat
aliquip tempor officie..</q>
</div>
<div class="slide">
<h1>Android Developement</h1>
<q>Amet occ Consequat quis quis occaecat aNon esse esse nostrud cillum veniam in fugiat. Nisi cillum aliqua
ut elit. Nostrud eu pariatur sit nisi id sint. Dolor elit ullamco aliquip excepteur. Id dolor sint duis
proident ipsum.met eiusmod nulla.s.</q>
</div>
<div class="slide">
<h1>IOS Developement</h1>
<q>AmEa cDo aliqua ut exNostrud consequat ipsum qui Lorem culpa in incididunt ipsum esse non velit esse
culpa ad. Pariatur laborum laboris culpa deserunt esse mollit quis proident ullamco excepteur occaecat
enim. Qui incididunt consectetur consectetur tempor cupidatat eu ex sunt. Elit adipisicing ea et
reprehenderit.cepteur in dolore eiusmod duis...</q>
</div>
<div class="arrows">
<span id="left"><i class="fas fa-chevron-left fa-2x"></i></span>
<span id="right"><i class="fas fa-chevron-right fa-2x"></i></span>
</div>
</section>
<section class="activities">
<div class="container">
<img src="img/student.png" alt="student">
<div class="cards">
<div class="card">
<h2>Our Goals</h2>
<p>Commodo excepteur amet incididunt adipisicing nisi exercitation proident irure ad est
reprehenderit
laborum veniam.</p>
</div>
<div class="card">
<h2>Our View</h2>
<p>CommoLaborum voluptate nostrud ex exercitation voluptate laborum reprehenderit cupidatat.niam.</p>
</div>
<div class="card">
<h2>Our Managment</h2>
<p>CommodAliquip commodo et minim consequat in sit exercitation amet ad qui duis nostrud.m.</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="logo">
<img src="img/logo3.png" alt="logo">
<h2>GDG CHLEF</h2>
</div>
<div class="box">
<h3>overview</h3>
<ul>
<li>About</li>
<li>Careers</li>
<li>Press</li>
<li>Contact</li>
</ul>
</div>
<div class="box">
<h3>Community</h3>
<ul>
<li>Community Central</li>
<li>Support</li>
<li>Fan Contributor Program</li>
<li>WAM Score</li>
<li>Help</li>
</ul>
</div>
<div class="box">
<h3>Find Us</h3>
<ul>
<li><i class="fab fa-github fa-x5"></i></li>
<li><i class="fab fa-google-plus-g"></i></li>
<li><i class="fab fa-instagram"></i></li>
<li><i class="fab fa-reddit-alien"></i></li>
<li><i class="fab fa-twitter"></i></li>
</ul>
</div>
</div>
<div class="credit">
<p>Designed With <i class="fas fa-heart"></i> By Castillo</p>
<p>All Rights Reserved ® 2018 ©</p>
</div>
</footer>
<script src="js/app.js"></script>
</body>
</html>