Skip to content

Commit

Permalink
touch up
Browse files Browse the repository at this point in the history
  • Loading branch information
Luthfi committed Feb 11, 2018
1 parent c4fec55 commit 39f20c8
Show file tree
Hide file tree
Showing 23 changed files with 10,393 additions and 0 deletions.
6 changes: 6 additions & 0 deletions css/animate.min.css

Large diffs are not rendered by default.

6,760 changes: 6,760 additions & 0 deletions css/bootstrap.css

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions css/bootstrap.min.css

Large diffs are not rendered by default.

491 changes: 491 additions & 0 deletions css/style.css

Large diffs are not rendered by default.

Binary file added fonts/Mf Sippin On Sunshine.ttf
Binary file not shown.
Binary file added fonts/glyphicons-halflings-regular.eot
Binary file not shown.
288 changes: 288 additions & 0 deletions fonts/glyphicons-halflings-regular.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added fonts/glyphicons-halflings-regular.ttf
Binary file not shown.
Binary file added fonts/glyphicons-halflings-regular.woff
Binary file not shown.
Binary file added fonts/glyphicons-halflings-regular.woff2
Binary file not shown.
Binary file added img/favicon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/header.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/user.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
207 changes: 207 additions & 0 deletions index.html
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>
&copy; 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>
Loading

0 comments on commit 39f20c8

Please sign in to comment.