-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (169 loc) · 6.62 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
174
175
176
177
178
<!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">
<link rel="shortcut icon" href="images/favicon.png">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Gabung dengan DOSCOM</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="css/tambahan.css">
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- card 1 -->
<div class="screenheight card card1">
<div class="card_text_container">
<div class="heading">
<ul>
<li>Connect.</li>
<li>Collaborate.</li>
<li>Be Awesome.</li>
</ul>
</div>
<p>
Jadilah bagian dari tim luar biasa kami, mari belajar dan berkembang bersama!
</p>
<p>
Karena, kami percaya kalo berbagi gak akan rugi.
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card 2 -->
<div class="screenheight card card2">
<div class="card_text_container">
<div class="heading">
Memasyarakatkan open source dan meng-open source-kan masyarakat.
<!-- <ul>
<li>Connect.</li>
<li>Collaborate.</li>
<li>Be Awesome.</li>
</ul> -->
</div>
<p>
Kami mengajak masyarakat, khususnya lingkungan udinus, untuk menggunakan software yang <a href="#"></a><b>bebas dan terbuka</b> (FOSS)
</p>
<p>
Belum paham tentang FOSS? Kita akan pelajari bersama!
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card 3 -->
<div class="screenheight card card3">
<div class="card_text_container">
<div class="heading">
Belajar bersama sesuai passion-mu
<!-- <ul>
<li>Connect.</li>
<li>Collaborate.</li>
<li>Be Awesome.</li>
</ul> -->
</div>
<p>
Ada tiga divisi. <b>Pemrograman</b>, <b>multimedia</b>, dan <b>jaringan</b>. Pelajari dengan bebas dan terbuka.
</p>
<p>
Suka lebih dari satu? No Problem!
</p>
<p>
Belum paham sama sekali? Kita bisa mulai dari nol.
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card 4 -->
<div class="screenheight card card2">
<div class="card_text_container">
<div class="heading">
Divisi Pemrograman. The best coders.
</div>
<p>
Temukan teman ngoding apapun. Belajar bersama jauh lebih efektif.
</p>
<p>
Sudah ada yang mempelajari PHP Laravel, PHP Code Igniter, Python, Java Spring, Mobile Android, JavaScript, dan lainnya.
</p>
<p>
Ingin buat trend sendiri? Boleh banget.
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card 5 -->
<div class="screenheight card card3">
<div class="card_text_container">
<div class="heading">
Divisi Multimedia. Draw freely.
</div>
<p>
Asah kemampuan dalam bidang desain digital 2D (vektor dan bitmap), 3D (Modeling dan animasi), dan Game.
</p>
<p>
Terapkan desainmu di setiap acara DOSCOM dan artwork TeaLinuxOS.
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card 6 -->
<div class="screenheight card card2">
<div class="card_text_container">
<div class="heading">
Divisi Jaringan. Going to The Cloud.
</div>
<p>
Belajar mengelola jaringan internet dan server yang mengarah ke cloud computing.
</p>
<p>
Belajar bersama pelaksana cloud computing dan devops dan teman-teman baru.
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
<div class="bottom_box">
<!-- <img class="bottom_box_image" src="images/1.png" alt=""> -->
</div>
</div>
<!-- card pendaftaran -->
<div class="card card3" style="min-height: 100vh;">
<div class="card_text_container">
<div class="heading">
Jadilah anggota DOSCOM sekarang.
</div>
<p>
Tak perlu jago coding. Tak perlu jago menggambar. Tak perlu jago jaringan.
</p>
<p>
Awali langkahmu sekarang!
</p>
<button type="button" name="button" class="main-button">Daftarkan dirimu</button>
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="js/bootstrap.min.js"></script>
</body>
</html>