<!DOCTYPE html>
<html>
<head>
<title>Araka</title>
<script type="text/javascript">
var c = new Image();
// c.onload = function() {
// $(".pace-activity").css("background-image", "url(images/image-loader.png)");
// }
c.src = "images/image-loader.png";
// paceOptions = {
// catchupTime: 100,
// maxProgressPerFrame: 20,
// ghostTime: Number.MAX_SAFE_INTEGER,
// checkInterval: {
// checkInterval: 100
// },
// eventLag: {
// minSamples: 1,
// sampleCount: 300,
// lagThreshold: 0.1
// }
// }
// paceOptions = {
// initialRate: 0.7,
// minTime: 175,
// maxProgressPerFrame: 1,
// ghostTime: 120
// }
</script>
<!-- <link rel="icon" href="img/favicon.ico" type="image/x-icon" /> -->
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
<script type="text/javascript" src="js/pace.min.js"></script>
<link type="text/css" rel="stylesheet" href="css/araka-style.css" media="screen,projection" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<!-- 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="#mainNavbar" aria-expanded="false">
<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" href="#"><img src="images/logo-araka.png">Araka Mega Utama</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="mainNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html">home</a></li>
<li><a href="about.html">about us</a></li>
<li><a href="services.html">services</a></li>
<li><a href="people.html">our people</a></li>
<li><a href="contact.html">contact</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="wrapper">
<section class="posrel">
<div class="parallax-img" data-parallax="scroll" data-image-src="images/jumbo-about.jpg">
<div class="container">
<div class="jumbotron color-inverse">
<h1>ABOUT US</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</div>
</div>
</div>
</section>
<section class="content-part">
<div class="container">
<div class="obj-anim obj-anim-opening animated">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3>Hello, world!</h3>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</div>
</div>
</div>
</div>
</section>
<section class="posrel">
<div class="parallax-img" data-parallax="scroll" data-image-src="images/visi.jpg">
<div class="desc-left">
<div class="obj-anim obj-anim-init animated">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3>Visi</h3>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<ul>
<li>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</li>
<li>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="posrel">
<div class="parallax-img" data-parallax="scroll" data-image-src="images/misi.jpg">
<div class="desc-right desc-transparent color-inverse">
<div class="obj-anim obj-anim-init animated">
<div class="row">
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
<h3>Misi</h3>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8">
<ul>
<li>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</li>
<li>
<p>Lorem ipsum enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</li>
<li>
<p>Hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="posrel">
<div class="parallax-img" data-parallax="scroll" data-image-src="images/sejarah.jpg">
<div class="desc-left color-inverse">
<div class="obj-anim obj-anim-init animated">
<h3>Sejarah</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nec vero sum nescius esse utilitatem in historia, non modo voluptatem. Nec tamen ullo modo summum pecudis bonum et hominis idem mihi videri potest. Apud imperitos tum illa dicta sunt, aliquid etiam coronae datum; Duo Reges: constructio interrete. Conclusum est enim contra Cyrenaicos satis acute, nihil ad Epicurum. Et si turpitudinem fugimus in statu et motu corporis, quid est cur pulchritudinem non sequamur? </p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-2">
ARAKA MEGA UTAMA
</div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-7">
Kemang Swatama
<br> Blok A3 No. 32 Kel. Kali Baru Kec. Cilodong
<br> Depok
<br>
<br> T: 021-227 08090
</div>
<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3">
<small>© PT. ARAKA MEGA UTAMA</small>
</div>
</div>
</footer>
<!-- <div class="option" style="background: black;padding: 10px;">asdasdsa</div> -->
<!-- JS -->
<script type="text/javascript" src="js/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="js/parallax.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.waypoints.min.js"></script>
<script type="text/javascript" src="js/custom.js"></script>
</body>
</html>