-
Notifications
You must be signed in to change notification settings - Fork 0
/
template-event.html
81 lines (81 loc) · 3.3 KB
/
template-event.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
<!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>Template Event</title>
<link rel="stylesheet" href="template-event.css" />
<link rel="stylesheet" href="index.css" />
</head>
<body>
<header>
<img src="logo.png" alt="" width="230px" height="80px" />
<nav>
<ul class="nav__links">
<li><a href="index.html">Home</a></li>
<li><a href="blogs.html">Blogs</a></li>
<li><a href="events.html">Events</a></li>
<li><a href="about.html">About</a></li>
</ul>
</nav>
</header>
<main>
<div id="container">
<div id="banner">
<img src="banner4.png" alt="" width="100%" />
</div>
<div id="title">
<div>
<h1>Judul Events</h1>
<h3>Seminar | Diselenggarakan oleh :</h3>
</div>
<div style="align-items: flex-end; margin: auto 0px">
<a href="">
<button style="padding: 15px; width: 100px; border-radius: 10px">Daftar</button>
</a>
</div>
</div>
<div id="content">
<div id="content-desc" style="width: 800px">
<h2>Deskripsi Event:</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae recusandae eos quibusdam impedit deserunt sequi, totam at dolorem est molestias velit ut, autem deleniti blanditiis voluptate aliquam veniam placeat. Veritatis
odio incidunt consequuntur assumenda eum doloribus, harum voluptas cupiditate delectus eos debitis aperiam illum, laborum enim dignissimos possimus tenetur vero.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae recusandae eos quibusdam impedit deserunt sequi, totam at dolorem est molestias velit ut, autem deleniti blanditiis voluptate aliquam veniam placeat. Veritatis
odio incidunt consequuntur assumenda eum doloribus, harum voluptas cupiditate delectus eos debitis aperiam illum, laborum enim dignissimos possimus tenetur vero.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae recusandae eos quibusdam impedit deserunt sequi, totam at dolorem est molestias velit ut, autem deleniti blanditiis voluptate aliquam veniam placeat. Veritatis
odio incidunt consequuntur assumenda eum doloribus, harum voluptas cupiditate delectus eos debitis aperiam illum, laborum enim dignissimos possimus tenetur vero.
</p>
</div>
<div id="content-bar">
<div>
Terbuka Hingga:<br />
20 November 2021
</div>
<br />
<div>
Sisa Kuota: <br />
100 Peserta
</div>
<br />
<div>
Jadwal Pelaksanaan: <br />
32 November 2021
</div>
<br />
<div>
Lokasi: <br />
Online
</div>
</div>
</div>
</div>
</main>
<footer><div class="footer">© Copyright 2021 IOT Academy. All rights reserved</div></footer>
</body>
</html>