-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
141 lines (121 loc) · 5.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Forume Programmer">
<meta name="keywords" content="HTML, CSS, JavaScript">
<meta name="author" content="Wibucode">
<meta name=”robots” content="noindex, nofollow">
<meta name="theme-color" content="#388794">
<meta name="msapplication-TileColor" content="#388794">
<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="assets/img/profil/favicon-32x32.png">
<link rel="shortcut icon" href="assets/img/profil/favicon-32x32.png" type="image/x-icon" />
<!-- ===== CSS ===== -->
<link rel="stylesheet" href="assets/css/styles.css">
<link href='https://cdn.jsdelivr.net/npm/boxicons@2.0.5/css/boxicons.min.css' rel='stylesheet'>
<title>Wibucode</title>
</head>
<body>
<header class="header">
<a href="#" class="header__logo">wibucode</a>
<i class='bx bx-menu header__toggle' id="header-toggle"></i>
<nav class="nav" id="nav-menu">
<div class="nav__content bd-grid">
<a href="" class="nav__perfil">
<div class="nav__img">
<img src="assets/img/profil/logo 2.jpg" alt="">
</div>
<div>
<span class="nav__name">wibucode</span>
</div>
</a>
<div class="nav__menu">
<ul class="nav__list">
<li class="nav__item"><a href="#home" class="nav__link active">Home</a></li>
<!--
<li class="nav__item dropdown">
<a href="#" class="nav__link dropdown__link">Dropdown <i class='bx bx-chevron-down dropdown__icon'></i></a>
<ul class="dropdown__menu">
<li class="dropdown__item"><a href="#" class="nav__link">About me</a></li>
<li class="dropdown__item"><a href="#" class="nav__link">Location</a></li>
<li class="dropdown__item"><a href="#" class="nav__link">Studies</a></li>
</ul>
</li> -->
<li class="nav__item"><a href="#about" class="nav__link">About</a></li>
<li class="nav__item"><a href="#learning" class="nav__link">Learning</a></li>
<li class="nav__item"><a href="https://www.facebook.com/wibucode" class="nav__link">Fanspage</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Hero -->
<div id="home"></div>
<div class="hero">
<br> <br> <br>
<h1 class="heading-hero">FORUM PROGRAMMER <br>INDONESIA</h1>
<a href="https://www.t.me/wibucode">
<div class="btn">GET STARTED</div>
</a>
<img src="assets/img/profil/logo.svg" class="logo-bg" alt="logo-bg">
</div>
<!-- Learning -->
<div id="learning"></div>
<div class="grid-container">
<div class="grid-item">
<img src="assets/img/html.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/css.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/javascript.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/php.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/python.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/mysql.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/java.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/ruby.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/golang.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/c.svg" class="img2" >
</div>
<div class="grid-item">
<img src="assets/img/c++.svg" class="img2" >
</div>
</div>
<!-- About -->
<div id="about"></div>
<div class="about-bg">
<br><br>
<h1 class="heading-about">Wibucode</h1>
<h3>Wibucode adalah komunitas PROGRAMMER se-indonesia</h3>
<h3>Di bagun pada 06/08/2020 oleh Andre Rio</h3>
<h3>Wibucode di bangun dengan tujuan agar bisa mempersatukan
<br>dan memper-erat hubugan antara programmer indonesia</h3>
<h3>Di sini kita belajar bersama, tidak ada mastah maupun newbie
<br>semuanya sama karena kita memulainya dari awal</h3>
<h3>Selamat bergabung dan have fun : )</h3>
</div>
<!--===== MAIN JS =====-->
<script src="assets/js/main.js"></script>
<footer>
Copyright 2020 - Wibucode
</footer>
<br> <br>
</body>
</html>