You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
191 lines
8.7 KiB
HTML
191 lines
8.7 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<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="">
|
|
<meta name="author" content="">
|
|
|
|
<title>Monarch Living</title>
|
|
|
|
<!-- Bootstrap Core CSS -->
|
|
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
|
|
|
|
<!-- Custom Fonts -->
|
|
<link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
|
|
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
|
|
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
|
|
|
|
<!-- Plugin CSS -->
|
|
<link href="vendor/magnific-popup/magnific-popup.css" rel="stylesheet">
|
|
|
|
<!-- Theme CSS -->
|
|
<link href="styles/creative.css" rel="stylesheet">
|
|
|
|
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
|
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
|
|
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
|
|
</head>
|
|
|
|
|
|
<body id="page-top" ng-app="monarchLiving">
|
|
<!--[if lte IE 8]>
|
|
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
|
|
<![endif]-->
|
|
|
|
<!-- Add your site or application content here -->
|
|
<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> Menu <i class="fa fa-bars"></i>
|
|
</button>
|
|
<a class="navbar-brand page-scroll" href="#page-top">Monarch Living</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="#services">Products</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">
|
|
<div class="header-content-inner">
|
|
<p>The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee</p>
|
|
<hr>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-10">
|
|
<div class="carousel slide multi-item-carousel" id="theCarousel">
|
|
<div class="carousel-inner" id="furnitures" ng-controller="ngrCtrl">
|
|
<div class="item active">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/2.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/5.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/12.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/13.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/14.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/17.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
<!-- add more items here -->
|
|
<!-- Example item start: -->
|
|
|
|
<div class="item">
|
|
<div class="col-xs-2"><a href="#1"><img src="/img/27.jpg" class="img-responsive"></a></div>
|
|
</div>
|
|
|
|
<!-- Example item end -->
|
|
</div>
|
|
<a class="left carousel-control" href="#theCarousel" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i></a>
|
|
<a class="right carousel-control" href="#theCarousel" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12" >
|
|
<div class="row" id="furnitures" ng-controller="ngrCtrl">
|
|
<!--<div ng-repeat="toto in collection">{{ collection[$index].titre }}-->
|
|
<items ng-repeat="furnitures in collection"></items>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section id="contact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-8 col-lg-offset-2 text-center">
|
|
<h2 class="section-heading">Let's Get In Touch!</h2>
|
|
<hr class="primary">
|
|
<p>Interested by our furnitures? That's great! Give us a call or send us an email and we 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-phone fa-3x sr-contact"></i>
|
|
<p>06 50 05 03 10</p>
|
|
</div>
|
|
<div class="col-lg-4 text-center">
|
|
<i class="fa fa-envelope-o fa-3x sr-contact"></i>
|
|
<p><a href="mailto:your-email@your-domain.com">support@monarchliving.com</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID -->
|
|
<script>
|
|
!function(A,n,g,u,l,a,r){A.GoogleAnalyticsObject=l,A[l]=A[l]||function(){
|
|
(A[l].q=A[l].q||[]).push(arguments)},A[l].l=+new Date,a=n.createElement(g),
|
|
r=n.getElementsByTagName(g)[0],a.src=u,r.parentNode.insertBefore(a,r)
|
|
}(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
|
|
|
ga('create', 'UA-XXXXX-X');
|
|
ga('send', 'pageview');
|
|
</script>
|
|
|
|
|
|
<!-- jQuery -->
|
|
<script src="vendor/jquery/jquery.min.js"></script>
|
|
|
|
<!-- Bootstrap Core JavaScript -->
|
|
<script src="vendor/bootstrap/js/bootstrap.min.js"></script>
|
|
|
|
<!-- Plugin JavaScript -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
|
|
<script src="vendor/scrollreveal/scrollreveal.min.js"></script>
|
|
<script src="vendor/magnific-popup/jquery.magnific-popup.min.js"></script>
|
|
|
|
<!-- Theme JavaScript -->
|
|
<script src="scripts/creative.js"></script>
|
|
<script src="scripts/main.js"></script>
|
|
<script src="scripts/controllers/main.js"></script>
|
|
<script src="scripts/controllers/about.js"></script>
|
|
|
|
</body>
|
|
</html>
|