-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
50 lines (49 loc) · 3.19 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Welcome to Richard Page</title>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
<link rel="stylesheet" href="bio-style.css">
</head>
<body>
<section class="navbar">
<div class="logo-section text-uppercase">
<div class="nav-logo">
<a href="#"><strong>Richard</strong></a>
</div>
</div>
<div class="nav-section">
<div class="nav-content text-uppercase">
<a href="#aboutme">About Me</a>
<a href="#project">Project</a>
<a href="#contact">Contact</a>
</div>
</div>
</section>
<section class="profile-section" id="aboutme">
<h3>About Me</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quo pariatur consequuntur adipisci. Pariatur, quis est blanditiis dignissimos delectus expedita magnam harum suscipit praesentium ex quisquam officiis aspernatur. Maiores, eligendi ipsa!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Architecto, ratione quos quas consectetur est doloribus rem aut earum enim minus at? Earum dolorum iure ad aut saepe necessitatibus fugit alias.
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Tempore, vitae accusamus autem distinctio pariatur perspiciatis odit sit molestiae libero explicabo velit similique ipsa veritatis deleniti culpa aliquam expedita vel a.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat optio in vero, totam, dolorum fugit delectus tempore, dignissimos quibusdam repudiandae impedit dicta minima? Culpa recusandae iure suscipit maiores mollitia nesciunt.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae minus assumenda unde et perspiciatis tempore, temporibus id dolor cum atque, quibusdam ea eos error mollitia consectetur iure eaque ullam labore.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Repudiandae aut optio iure totam eum. Earum repudiandae blanditiis odit dolor ullam ad odio. Fugit maxime vero, modi perspiciatis impedit sequi. Sequi?
</p>
</section>
<section class="profile-section" id="project">
<h3>Project list</h3>
<ul>
<li>Institut Teknologi Bandung - Asset Opname - Mobile Application</li>
<li>PT Bank Seabank Indonesia - Asset Opname - Mobile Application</li>
<li>PT Indosat Tbk - Web Scrapping - Integration using Python</li>
<li>Kementrian Badan Usaha Milik Negara(BUMN) - Web Scrapping - Integration using Python</li>
<li>PT Tri Adi Bersama - Petty cash & User management - Backend Engineer using Expressjs, Redis, PostgresDB, OAuth, Docker, Redhat VM</li>
</ul>
</section>
</body>
</html>