Skip to content
Permalink
master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

up/index.html

Go to file
 
 
Cannot retrieve contributors at this time
144 lines (141 sloc) 8.13 KB
Raw Blame
Open in GitHub Desktop
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
</head>
<body id="page-top">
<nav class="navbar navbar-light navbar-expand-lg fixed-top" id="mainNav">
<div class="container"><a class="navbar-brand js-scroll-trigger" href="#page-top" style="font-family: Catamaran, sans-serif;font-size: 30px;">Coventry University Tour Guide&nbsp;</a><button data-toggle="collapse" data-target="#navbarResponsive" class="navbar-toggler float-right"
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><i class="fa fa-bars"></i></button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#download">Download</a></li>
<li class="nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#features">Features</a></li>
<li class="nav-item" role="presentation"><a class="nav-link js-scroll-trigger" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<header class="masthead" style="background:url('assets/img/bg-pattern.png'), linear-gradient(to left, #7b4397, #dc2430);height:100%;">
<div class="container h-100">
<div class="row h-100">
<div class="col-lg-7 my-auto">
<div class="mx-auto header-content">
<h1 class="mb-5"></h1><a class="btn btn-outline-warning btn-xl js-scroll-trigger" role="button" href="#download">Start Now for Free!</a></div>
</div>
<div class="col-lg-5 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait white">
<div class="device" style="background-image:url('assets/img/iphone_6_plus_white_port.png');">
<div class="screen"><img src="assets/img/WhatsApp%20Image%202020-03-30%20at%2013.39.46.jpeg" style="height: 608px;margin: -2px;"></div>
<div class="button"></div>
</div>
</div>
</div>
<div class="iphone-mockup"></div>
</div>
</div>
</div>
</header>
<section id="download" class="download text-center bg-primary">
<div class="container">
<div class="row">
<div class="col-md-8 mx-auto">
<h2 class="section-heading">Get a tour of your University now!</h2>
<p>Our app is available on any mobile device! Download now to get started!</p>
<div class="badges"><a class="badge-link" href="#"><img src="assets/img/google-play-badge.svg"></a><a class="badge-link" href="#"><img src="assets/img/app-store-badge.svg"></a></div>
</div>
</div>
</div>
</section>
<section id="features" class="features">
<div class="container">
<div class="section-heading text-center">
<h2>Unlimited Features, Unlimited Fun</h2>
<p class="text-muted">Check out what you can do with this app theme!</p>
<hr>
</div>
<div class="row">
<div class="col-lg-4 my-auto">
<div class="device-container">
<div class="device-mockup iphone6_plus portrait white">
<div class="device" style="background-image:url('assets/img/iphone_6_plus_white_port.png');">
<div class="screen"><img src="assets/img/WhatsApp%20Image%202020-03-30%20at%2013.39.46.jpeg" style="width: 292px;height: 653px;margin: 0px;padding: -28px;"><img src="assets/img/WhatsApp%20Image%202020-03-30%20at%2013.39.46.jpeg" style="width: 292px;height: 653px;margin: 0px;padding: -28px;"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-8 my-auto">
<div class="container-fluid">
<div class="row">
<div class="col-lg-6">
<div class="feature-item"><i class="icon-screen-smartphone text-primary"></i>
<h3>Real time updates</h3>
<p class="text-muted">Check out your timetable, lectures or sessions in real time</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item"><i class="icon-camera text-primary"></i>
<h3>AR Features</h3>
<p class="text-muted">Use your front camera to dive into augmented reality tour guide to get around your university</p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item"><i class="icon-present text-primary"></i>
<h3>Free to Use</h3>
<p class="text-muted"></p>
</div>
</div>
<div class="col-lg-6">
<div class="feature-item"><i class="icon-lock-open text-primary"></i>
<h3>Open Source</h3>
<p class="text-muted"></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cta" style="background-image:url('assets/img/bg-cta.jpg');">
<div class="cta-content">
<div class="container">
<h2>Stop waiting.<br>Start touring.<br></h2><a class="btn btn-outline-warning btn-xl js-scroll-trigger" role="button" href="#contact">Let's Get Started!</a></div>
</div>
<div class="overlay"></div>
</section>
<section id="contact" class="contact bg-primary">
<div class="container">
<h2><span>We&nbsp;</span><i class="fa fa-heart"></i><span>&nbsp;new friends!</span></h2>
<ul class="list-inline list-social">
<li class="list-inline-item social-twitter"><a href="#"><i class="fa fa-twitter"></i></a></li>
<li class="list-inline-item social-facebook"><a href="#"><i class="fa fa-facebook"></i></a></li>
<li class="list-inline-item social-google-plus"><a href="#"><i class="fa fa-google-plus"></i></a></li>
</ul>
</div>
</section>
<footer>
<div class="container">
<p>©&nbsp;Brand 2018. All Rights Reserved.</p>
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Privacy</a></li>
<li class="list-inline-item"><a href="#">Terms</a></li>
<li class="list-inline-item"><a href="#">FAQ</a></li>
</ul>
</div>
</footer>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="assets/js/new-age.js"></script>
</body>
</html>