Skip to content

Commit

Permalink
semantic html5
Browse files Browse the repository at this point in the history
  • Loading branch information
@angelavanessaa
angelavanessaa committed Dec 1, 2019
1 parent 7129bab commit 90e7fe9
Show file tree
Hide file tree
Showing 3 changed files with 148 additions and 0 deletions.
118 changes: 118 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,118 @@
<!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">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="main.css">
<title>Resume</title>
</head>
<body>
<div class="container my-5 p-5">
<div class="row">
<aside class="col-4">
<figure>
<img src='./profile.jpeg' alt='Profile Picture'/>
</figure>
<h1 class="py-4">ANGELA VANESSA</h1>
<section class="py-3">
<h4>Bio</h4>
<p>
<span><b>D.O.B: </b>4 July 1997</span>
</p>
<p>
<span><b>Phone: </b>+62 877 4888 5222</span>
</p>
<p>
<span><b>Email: </b>hansavanessa@gmail.com</span>
</p>
</section>
<section class="py-3">
<h4>Social Accounts</h4>
<a href="https://www.instagram.com/angelavanessaa/">Instagram</a><br>
<a href="https://www.linkedin.com/in/angelavanessa/">LinkedIn</a><br>
<a href="https://github.com/angelavanessaa">Github</a><br>
</section>
</aside>
<main class="col-8">
<section>
<h3>ABOUT ME</h3>
<hr>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed scelerisque sodales ante vel tempus. Vestibulum eros nisl, scelerisque a dapibus sed, rutrum a nunc. Pellentesque suscipit massa enim, sed iaculis tortor dignissim id. Maecenas vitae feugiat erat. Ut vel porttitor lacus, eu posuere massa. Cras non sem varius, viverra nunc ut, rutrum mi. Nunc a commodo velit. Suspendisse ac condimentum ligula, non finibus est. Donec nec tortor mi. Mauris sit amet tincidunt turpis. Aenean sed neque magna. Ut sit amet risus sit amet augue sollicitudin auctor at ut orci. Ut aliquet congue magna. Nulla facilisi. Praesent sagittis pretium nibh, id maximus tellus vestibulum laoreet.
</p>
</section>

<section>
<h3>EDUCATION</h3>
<hr>
<article>
<h5>2016</h5>
<p>Ruby on Rails Full Stack Web Development Bootcamp</p>
<p class="font-12">Next Academy, Kuala Lumpur, Malaysia</p>
<a class="font-12" href="http://s3-ap-southeast-1.amazonaws.com/next-academy-site/uploads/certificates/angela-vanessa-e7ad7c69-2ce2-4c81-a965-69073515cdee/de70116dbd.">Certificate</a>
</article>
<article>
<h5>2019</h5>
<p>Full Stack Immersive Coding Bootcamp</p>
<p class="font-12">Hacktiv8, Jakarta, Indonesia</p>
</article>
</section>

<section>
<h3>EXPERIENCES</h3>
<hr>
<div class="row">
<div class="col-1">
<p><b>2017</b></p>
</div>
<div class="col-11">
<p><b>GOLDEN RAMA TOUR & TRAVEL</b></p>
<p class="font-12">
A programmer in a team responsible for two web applications using PHP and Laravel.
A RESTful API app that fetches flight datas from another API and sends those datas to our company's e-commerce web application to allow users to make orders and continues to payment.
</p>
</div>
</div>
</section>

<section>
<h3>SKILLS</h3>
<hr>
<div class="row">
<div class="col-4">
<ul>
<li>HTML</li>
<li>CSS</li>
<li>Javascript</li>
<li>Mongoose</li>
</ul>
</div>
<div class="col-4">
<ul>
<li>PHP</li>
<li>Laravel</li>
<li>PHP</li>
<li>Vuex</li>
</ul>

</div>
<div class="col-4">
<ul>
<li>Postgres</li>
<li>Mongo</li>
</ul>
</div>
</div>
</section>
</main>
</div>

</div>

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
30 changes: 30 additions & 0 deletions main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

* {
font-family: 'Montserrat', sans-serif;
}

body {
background-color: lavenderblush;
}

aside {
border-right: 2px solid black;
}

img {
border-radius: 50%;
max-width: 300px;
height: 300px;
object-fit: cover;
border: 5px solid black;
}

.container {
border: 2px solid black;
background-color: white;
}

.font-12 {
font-size: 12px;
}
Binary file added profile.jpeg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 90e7fe9

Please sign in to comment.