-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Luthfi
committed
Feb 11, 2018
1 parent
c4fec55
commit 39f20c8
Showing
23 changed files
with
10,393 additions
and
0 deletions.
There are no files selected for viewing
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,207 @@ | ||
<!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"> | ||
<meta name="description" content="jennndol - Full Stack Programmer"> | ||
<meta name="author" content="Luthfi"> | ||
<meta name="keywords" content="python, django, website, developer, software, engineer, luthfi, muhammad, github, javascript"> | ||
<meta content="index,follow" name="robots" /> | ||
<title>Jennndol</title> | ||
<link rel="icon" type="image/png" href="img/favicon.png"> | ||
|
||
<!-- Bootstrap Core CSS --> | ||
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> | ||
|
||
<!-- Custom Fonts --> | ||
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' | ||
rel='stylesheet' type='text/css'> | ||
<link href='http://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' | ||
rel='stylesheet' type='text/css'> | ||
<link href='https://fonts.googleapis.com/css?family=Lobster:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' | ||
rel='stylesheet' type='text/css'> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css"> | ||
|
||
<!-- Plugin CSS --> | ||
<link rel="stylesheet" href="css/animate.min.css" type="text/css"> | ||
|
||
<!-- Custom CSS --> | ||
<link rel="stylesheet" href="css/style.css" type="text/css"> | ||
|
||
</head> | ||
|
||
<body id="page-top"> | ||
|
||
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top"> | ||
<div class="container-fluid"> | ||
<!-- Brand and toggle get grouped for better mobile display --> | ||
<div class="navbar-header"> | ||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> | ||
<span class="sr-only">Toggle navigation</span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | ||
</button> | ||
<a class="navbar-brand page-scroll animated infinite pulse" href="#page-top">Jennndol</a> | ||
</div> | ||
|
||
<!-- Collect the nav links, forms, and other content for toggling --> | ||
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
<ul class="nav navbar-nav navbar-right"> | ||
<li> | ||
<a class="page-scroll" href="#about">About</a> | ||
</li> | ||
<li> | ||
<a class="page-scroll" href="#quotes">Quote</a> | ||
</li> | ||
<li> | ||
<a class="page-scroll" href="#social">Social</a> | ||
</li> | ||
<li> | ||
<a class="page-scroll" href="#contact">Contact</a> | ||
</li> | ||
</ul> | ||
</div> | ||
<!-- /.navbar-collapse --> | ||
</div> | ||
<!-- /.container-fluid --> | ||
</nav> | ||
|
||
<header> | ||
<div class="header-content" id="about"> | ||
<div class="header-content-inner"> | ||
<h1>Full Stack Programmer | ||
<br> | ||
<span class="glyphicon glyphicon-flash"></span> | ||
</h1> | ||
<hr> | ||
<a href="#quotes" class="btn btn-primary btn-xl page-scroll">Find Out More</a> | ||
</div> | ||
</div> | ||
</header> | ||
|
||
<section class="bg-primary" id="quotes"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-lg-8 col-lg-offset-2 text-center"> | ||
<h2 class="section-heading">Quotes</h2> | ||
<hr class="light"> | ||
<p class="text-faded"> | ||
Twenty years from now you will be more disappointed by the things you didn't do than by the ones you did do. So throw off | ||
the bowlines. Sail away from the safe harbor. Catch the trade winds in your sails. Explore, dream, | ||
discover. | ||
<br/>- Mark Twain | ||
</p> | ||
<a href="#social" class="page-scroll btn btn-default btn-xl">See more</a> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<section id="social"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-lg-12 text-center"> | ||
<h2 class="section-heading">Social Medias</h2> | ||
<p>We could be friends on these social medias</p> | ||
<hr class="primary"> | ||
</div> | ||
</div> | ||
</div> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-lg-4 col-md-4 col-sm-4 text-center"> | ||
<div class="service-box"> | ||
<i class="fa fa-4x fa-facebook-square wow bounceIn text-primary"></i> | ||
<a href="https://facebook.com/mrjennndol"> | ||
<h3>Facebook</h3> | ||
<p class="text-muted">Luthfi</p> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="col-lg-4 col-md-4 col-sm-4 text-center"> | ||
<div class="service-box"> | ||
<i class="fa fa-4x fa-instagram wow bounceIn text-primary" data-wow-delay=".2s"></i> | ||
<a href="https://instagram.com/jennndol"> | ||
<h3>Instagram</h3> | ||
<p class="text-muted">@jennndol</p> | ||
</a> | ||
</div> | ||
</div> | ||
<div class="col-lg-4 col-md-4 col-sm-4 text-center"> | ||
<div class="service-box"> | ||
<i class="fa fa-4x fa-github-square wow bounceIn text-primary" data-wow-delay=".3s"></i> | ||
<a href="https://github.com/jennndol"> | ||
<h3>Github</h3> | ||
<p class="text-muted">jennndol</p> | ||
</a> | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<aside class="bg-dark"> | ||
<div class="container text-center"> | ||
<div class="call-to-action"> | ||
<h2>Need to know more about me!</h2> | ||
</div> | ||
</div> | ||
</aside> | ||
|
||
<section id="contact"> | ||
<div class="container"> | ||
<div class="row"> | ||
<div class="col-lg-8 col-lg-offset-2 text-center"> | ||
<img class="img-owner" src="img/user.jpg" alt="Luthfi" /> | ||
<h2 class="section-heading">Let's Get In Touch!</h2> | ||
<hr class="primary"> | ||
<p>Send me an email and I will get back to you as soon as possible!</p> | ||
</div> | ||
<div class="col-lg-4 col-lg-offset-2 text-center"> | ||
<i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i> | ||
<p> | ||
<a href="mailto:[email protected]">mrjennndol[at]gmail.com</a> | ||
</p> | ||
</div> | ||
<div class="col-lg-4 text-center"> | ||
<i class="fa fa-pencil fa-3x wow bounceIn" data-wow-delay=".1s"></i> | ||
<p> | ||
<a href="blog">Visit My Blog</a> | ||
</p> | ||
</div> | ||
</div> | ||
</div> | ||
</section> | ||
|
||
<aside class="bg-dark"> | ||
<div class="container text-center"> | ||
<div class="call-to-action"> | ||
<h4> | ||
<i class="fa fa-2x fa-heart red animated infinite pulse"></i> | ||
</h4> | ||
© 2018 | ||
</div> | ||
</div> | ||
</aside> | ||
|
||
<!-- jQuery --> | ||
<script src="js/jquery.js"></script> | ||
|
||
<!-- Bootstrap Core JavaScript --> | ||
<script src="js/bootstrap.min.js"></script> | ||
|
||
<!-- Plugin JavaScript --> | ||
<script src="js/jquery.easing.min.js"></script> | ||
<script src="js/jquery.fittext.js"></script> | ||
<script src="js/wow.min.js"></script> | ||
|
||
<!-- Custom Theme JavaScript --> | ||
<script src="js/creative.js"></script> | ||
|
||
</body> | ||
|
||
</html> |
Oops, something went wrong.