-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbaru.html
157 lines (150 loc) · 5.3 KB
/
baru.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
<!DOCTYPE html>
<html>
<head>
<title>Code Politan By Hana Hasanah</title>
<link rel="stylesheet" type="text/css" href="baru.css">
<link rel="icon" type="image/png" href="codepolitan.png">
</head>
<body>
<form>
<div class="menu">
<a href="#awal"><img class="header" width="400px" height="100px" src="logotop.png"></a>
<table align="right" class="top" cellspacing="30px">
<tr>
<td align="center" class="ciri"><a href="#">LEARNING PROGRAM</a></td>
<td align="center" class="ciri"><a href="#">ARTICLES</a></td>
<td align="center" class="ciri"><a href="#">EVENT</a></td>
<td align="center" class="ciri"><a href="#">FORUM</a></td>
<td><a href="#login"><input class="input" type="button" value="LOGIN"/></a></td>
<td><a href="#register"><input class="input" type="button" value="REGISTER"/></a></td>
</tr>
</table>
</div>
</form>
<div class="awal">
<center>
<table cellspacing="60px">
<tr align="center">
<td cellpadding="50%" valign="middle" align="center"><p style="font-size:50px ; font-family: arial;" width="100%">Belajar Coding Sekarang!</p></td>
</tr>
<tr align="center">
<td><p>Lebih dari 2.000 modul belajar pemrograman dalam beragam format yang bisa kamu pelajari.</p></td>
</tr>
<tr align="center">
<td>
<table>
<tr>
<td>
<input id="se1" class="se1" type="text" placeholder="cari tutorial, e-book atau materi belajar coding lainnya">
</td>
<td>
<a href="#search"><input id="sebat1" class="input" type="button" value="CARI"/></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</div>
<div id="search">
<table>
<tr>
<td>
<input id="se2" class="se2" type="input" placeholder="cari tutorial, e-book atau materi belajar coding lainnya">
</td>
<td>
<input id="sebat2" type="button" class="se2" class="input" value="CARI"/>
</td>
</tr>
<tr>
<td><p id="res">Search Results for:</p></td>
<td></td>
</tr>
</table>
</div>
<div id="login1">
<center>
<div id="login">
<center>
<table>
<tr>
<td>
<h3 style="font-size: 40px; font-family: arial; margin-top: 10px; color: white">Login</h3><br/><br/>
<table style="background-color:#ffeaa7;border-radius:5px; padding: 10px; color: #fdcb6e " >
</td>
<tr>
<td>
Untuk member Codepolitan diharapkan <p1>untuk<br/></p1>
<a href="#" type="none"><p1 style="color:blue">reset password</p1></a> jika tidak bisa login. Mohon maaf<br/>
soal ketidaknyamanannya.
</td>
</tr>
</table>
<br/>Email<br/>
<input type="text" style="width:340px; height: 40px; border: none; border-radius: 5px" /><br/><br/>Password<br/>
<input type="password" style="width:340px; height: 40px; border: none; border-radius: 5px" /><br/><br/>
<input type="button" class="input" value="LOGIN" style="width:340px; height: 40px; border: none; border-radius: 5px; background-color: #1289A7" /><br/><br/><br/>
<a href="#"><strong>Lupa kata sandi?</strong></a><br/>
Belum punya akun? <a href="#"><strong>Registrasi di sini</strong></a>
</td>
</tr>
</table>
</center>
</div>
</center>
</div>
<center>
<div id="register">
<table>
<center>
<tr>
<td>
<h3 id="Regis">Register</h3>
<p class="Log">Nama Lengkap</p><br/>
<input class="intext" type="text" " placeholder="Masukkan Nama Lengkap"/><br/>
<p class="Log">Username</p><br/>
<input class="intext" type="text" placeholder="Gunakan Hanya Huruf dan Angka"/><br/>
<p class="Log">Email</p><br/>
<input class="intext" type="text" placeholder="Masukkan Alamat Email yang Valid, misalnya, [email protected]"/><br/>
<p class="Log">Password</p><br/>
<input class="intext" type="password" placeholder="Masukkan Kata Sandi Minimal 6 karakter"/><br/>
<p class="Log">Confirm Password</p><br/>
<input class="intext" type="password" placeholder="Masukkan Ulang Kata Sandi"/><br/><br/>
<hr width="100%">
<table>
<tr>
<td><input type="checkbox"/>I'm not a robot</td>
<td><img src="recaptha.png" width="60px" alt="logo recaptha"/></td>
</tr>
</table>
<hr width="100%"><br/>
<input class="intext" type="button" id="inbat" value="REGISTER"/>
<p>Sudah pernah registrasi? <a href="#"><strong>Login di sini!</strong></a></p>
</td></tr>
</center>
</table>
</div>
</center>
<div class="footer">
<hr>
<ul class="list">
<table cellspacing="70px">
<tr>
<td><li class="but"><a href="#" >FAQ</a></li></td>
<td><li class="but"><a href="#" >FEEDBACK</a></li></td>
<td><li class="but"><a href="#" >TERMS & CONDITIONS</a></li></td>
<td><li class="but"><a href="#" >PRIVACY POLICY</a></li></td>
<td><li class="but"><a href="#" >CREDIT</a></li></td>
<td><li class="but"><a href="#" >MERCHANDISE</a></li></td>
<td><li class="but"><a href="#" ><img valign="middle" src="sosmed.png" alt="social media"/></a></li></td>
</tr>
</table>
</ul>
<ul class="list">
<li style="color:grey; margin-left: 20px">©CodePolitan. All rights reserved</li>
<li style="color:grey ;"><address>[email protected]</address></li>
</ul>
</div>
</body>
</html>