Skip to content

Commit 46c2d00

Browse files
akakaragaakakaraga
committed
first commit
0 parents  commit 46c2d00

26 files changed

Lines changed: 1162 additions & 0 deletions

‎bootcamp.html‎

Lines changed: 254 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,254 @@
1+
<!doctype html>
2+
<html lang="en">
3+
4+
<head>
5+
<!-- Required meta tags -->
6+
<meta charset="utf-8">
7+
<meta name="viewport" content="width=device-width, initial-scale=1">
8+
9+
<!-- Bootstrap CSS -->
10+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
11+
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
12+
13+
<!-- My css -->
14+
<link rel="stylesheet" href="css/style.css">
15+
16+
<!-- link icon bootstrap -->
17+
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.0/font/bootstrap-icons.css">
18+
19+
20+
<title>TR Code | Bootcamp</title>
21+
</head>
22+
23+
<body class="m-3">
24+
25+
<!-- navbar -->
26+
<nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white">
27+
<div class="container">
28+
<a class="navbar-brand me-4 fs-3 fw-bold" href="index.html">TR Code</a>
29+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
30+
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false"
31+
aria-label="Toggle navigation">
32+
<span class="navbar-toggler-icon"></span>
33+
</button>
34+
<div class="collapse navbar-collapse" id="navbarSupportedContent">
35+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
36+
<li class="nav-item">
37+
<a class="nav-link active" aria-current="page" href="learning.html">Learning</a>
38+
</li>
39+
<li class="nav-item">
40+
<a class="nav-link active" aria-current="page" href="bootcamp.html">Bootcamp</a>
41+
</li>
42+
<li class="nav-item">
43+
<a class="nav-link active" aria-current="page" href="contact.html">Contact</a>
44+
</li>
45+
</ul>
46+
<form class="d-flex">
47+
<button class="btn btn-primary me-3" type="submit">Daftar</button>
48+
<button class="btn btn-primary" type="submit">Login</button>
49+
</form>
50+
</div>
51+
</div>
52+
</nav>
53+
<!-- end navbar -->
54+
55+
56+
<!-- hero section -->
57+
<section>
58+
<div class="container pt-5">
59+
<div class="row text-center mt-3 mb-5">
60+
<div class="col">
61+
<h1>Bootcamp TR Code</h1>
62+
<p>Mengikuti bootcamp di TR Code dibimbing dengan developer bersertifikat standar internasional</p>
63+
</div>
64+
</div>
65+
</div>
66+
</section>
67+
<!-- end hero section -->
68+
69+
70+
<!-- detail bootcamp -->
71+
<section class="bg-light">
72+
<div class="container">
73+
74+
<!-- data science -->
75+
<div class="row">
76+
<div class="col">
77+
<div class="card mb-3 mt-4">
78+
<div class="row g-0">
79+
<div class="col-md-4">
80+
<img src="img/bootcamp/data_bootcamp.jpg" class="img-fluid rounded-start" alt="...">
81+
</div>
82+
<div class="col-md-8">
83+
<div class="card-body">
84+
<h5 class="card-title">Data Science Developer</h5>
85+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus
86+
nam voluptates omnis dolorum alias minus sint non officia, molestiae assumenda
87+
tenetur. Earum, illo enim pariatur aspernatur quibusdam voluptatibus tempore
88+
quis.</p>
89+
<a class="btn btn-primary" href="#" role="button">Daftar</a>
90+
</div>
91+
</div>
92+
</div>
93+
</div>
94+
</div>
95+
</div>
96+
97+
<!-- frond end developer -->
98+
<div class="row">
99+
<div class="col">
100+
<div class="card mb-3">
101+
<div class="row g-0">
102+
<div class="col-md-4">
103+
<img src="img/bootcamp/web_bootcamp.jpg" class="img-fluid rounded-start web" alt="...">
104+
</div>
105+
<div class="col-md-8">
106+
<div class="card-body">
107+
<h5 class="card-title">Frond End Developer</h5>
108+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus
109+
nam voluptates omnis dolorum alias minus sint non officia, molestiae assumenda
110+
tenetur. Earum, illo enim pariatur aspernatur quibusdam voluptatibus tempore
111+
quis.</p>
112+
<a class="btn btn-primary" href="#" role="button">Daftar</a>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
</div>
118+
</div>
119+
120+
<!-- Back End Developer -->
121+
<div class="row">
122+
<div class="col">
123+
<div class="card mb-3">
124+
<div class="row g-0">
125+
<div class="col-md-4">
126+
<img src="img/bootcamp/web_bootcamp.jpg" class="img-fluid rounded-start web" alt="...">
127+
</div>
128+
<div class="col-md-8">
129+
<div class="card-body">
130+
<h5 class="card-title">Back End Developer</h5>
131+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus
132+
nam voluptates omnis dolorum alias minus sint non officia, molestiae assumenda
133+
tenetur. Earum, illo enim pariatur aspernatur quibusdam voluptatibus tempore
134+
quis.</p>
135+
<a class="btn btn-primary" href="#" role="button">Daftar</a>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
</div>
141+
</div>
142+
143+
<!-- android developer -->
144+
<div class="row">
145+
<div class="col">
146+
<div class="card mb-3">
147+
<div class="row g-0">
148+
<div class="col-md-4">
149+
<img src="img/bootcamp/software_bootcamp.jpg" class="img-fluid rounded-start web"
150+
alt="...">
151+
</div>
152+
<div class="col-md-8">
153+
<div class="card-body">
154+
<h5 class="card-title">Android Developer</h5>
155+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus
156+
nam voluptates omnis dolorum alias minus sint non officia, molestiae assumenda
157+
tenetur. Earum, illo enim pariatur aspernatur quibusdam voluptatibus tempore
158+
quis.</p>
159+
<a class="btn btn-primary" href="#" role="button">Daftar</a>
160+
</div>
161+
</div>
162+
</div>
163+
</div>
164+
</div>
165+
</div>
166+
167+
<!-- ios developer -->
168+
<div class="row">
169+
<div class="col">
170+
<div class="card mb-3">
171+
<div class="row g-0">
172+
<div class="col-md-4">
173+
<img src="img/bootcamp/software_bootcamp.jpg" class="img-fluid rounded-start web"
174+
alt="...">
175+
</div>
176+
<div class="col-md-8">
177+
<div class="card-body">
178+
<h5 class="card-title">IOS Developer</h5>
179+
<p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus
180+
nam voluptates omnis dolorum alias minus sint non officia, molestiae assumenda
181+
tenetur. Earum, illo enim pariatur aspernatur quibusdam voluptatibus tempore
182+
quis.</p>
183+
<a class="btn btn-primary" href="#" role="button">Daftar</a>
184+
</div>
185+
</div>
186+
</div>
187+
</div>
188+
</div>
189+
</div>
190+
191+
</div>
192+
</section>
193+
<!-- end detail bootcamp -->
194+
195+
196+
<hr>
197+
<!-- footer -->
198+
<footer>
199+
<div class="container">
200+
<div class="row justify-content-center mt-5 mb-4">
201+
<div class="col-md-3">
202+
<h5>Tentang Kami</h5>
203+
<ul class="list-unstyled">
204+
<li><a href="" class="text-decoration-none text-dark">Blog</a></li>
205+
<li><a href="" class="text-decoration-none text-dark">Teka - Teki</a></li>
206+
</ul>
207+
</div>
208+
<div class="col-md-3">
209+
<h5>Event</h5>
210+
<ul class="list-unstyled">
211+
<li><a href="" class="text-decoration-none text-dark">Belajar Bareng</a></li>
212+
<li><a href="" class="text-decoration-none text-dark">Data Science S1</a></li>
213+
</ul>
214+
</div>
215+
<div class="col-md-3">
216+
<h5>Coders</h5>
217+
<ul class="list-unstyled">
218+
<li><a href="" class="text-decoration-none text-dark">Leaderboard Developers</a></li>
219+
<li><a href="" class="text-decoration-none text-dark">Grup Diskusi</a></li>
220+
</ul>
221+
</div>
222+
</div>
223+
<div class="row text-center mb-4">
224+
<div class="col">
225+
<a href=""><i class="bi bi-facebook text-dark me-3 fs-3"></i></a>
226+
<a href=""><i class="bi bi-instagram text-dark me-3 fs-3"></i></a>
227+
<a href=""><i class="bi bi-twitter text-dark me-3 fs-3"></i></a>
228+
<a href=""><i class="bi bi-youtube text-dark fs-3"></i></a>
229+
</div>
230+
</div>
231+
</div>
232+
<hr>
233+
<p class="text-center m-4">&copy; 2021 TR Code | All Rights Reserved <br>by Helga Aka</p>
234+
</footer>
235+
<!-- end footer -->
236+
237+
<!-- Optional JavaScript; choose one of the two! -->
238+
239+
<!-- Option 1: Bootstrap Bundle with Popper -->
240+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
241+
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous">
242+
</script>
243+
244+
<!-- Option 2: Separate Popper and Bootstrap JS -->
245+
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
246+
integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous">
247+
</script>
248+
<!--
249+
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
250+
-->
251+
252+
</body>
253+
254+
</html>

0 commit comments

Comments
 (0)