-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
116 lines (98 loc) · 4.32 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="google-signin-client_id" content="289096448422-06car0aiksilsa7t78fqlgh4cog94ha6.apps.googleusercontent.com">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Lively</title>
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
<link href="css/one-page-wonder.min.css" rel="stylesheet">
</head>
<body>
<script src="https://apis.google.com/js/platform.js" async defer></script>
<script src="vendor/jquery-3.3.1.min.js" type="text/javascript"></script>
<script src="js/signin.js" type="text/javascript"></script>
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom fixed-top">
<img src="img/logo-white.png" width="72" height="30" alt="">
</nav>
<header class="masthead text-center text-white">
<div class="masthead-content">
<div class="container">
<h1 class="masthead-heading mb-0">Connecting Emotions</h1>
<h2 class="masthead-subheading mb-0">With Love </h2>
<div class="scroll-down">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
</header>
<section>
<div class="container" id="firstScroll">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<img class="img-fluid rounded-circle" src="img/01.jpg">
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">Support Everywhere with only browser</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod
aliquid, mollitia odio veniam sit ist consectetur adipisicing elit.
Quod aliquid, mollitia odio veniam sit ist consectetur adipisicing
elit. Quod aliquid, mollitia odio veniam sit ist e esse assumenda
amet aperiam exercitationem, ea animi blanditiis recusandae! Ratione
voluptatum molestiae adipisci, beatae obcaecati.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6">
<img class="img-fluid rounded-circle" src="img/02.jpg" alt="">
</div>
<div class="col-lg-6">
<div class="p-5">
<h2 class="display-4">High resolution for immersive experiance</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod aliquid, mollitia odio veniam sit iste esse assumenda amet aperiam exercitationem, ea animi blanditiis recusandae! Ratione voluptatum molestiae adipisci, beatae obcaecati.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 order-lg-2">
<img class="img-fluid rounded-circle" src="img/03.jpg" alt="">
</div>
<div class="col-lg-6 order-lg-1">
<div class="p-5">
<h2 class="display-4">Security at its root</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod aliquid, mollitia odio veniam sit iste esse assumenda amet aperiam exercitationem, ea animi blanditiis recusandae! Ratione voluptatum molestiae adipisci, beatae obcaecati.</p>
</div>
</div>
</div>
</div>
</section>
<section>
<div class="container-fluid text-center p-5">
<center>
<div class="g-signin2" id="SignInButton" data-onsuccess="onSignIn"></div>
</center>
</div>
</section>
<!-- Footer -->
<footer class="py-5 bg-black">
<div class="container">
<p class="m-0 text-center text-white small">Copyright © Lively Corporation</p>
</div>
<!-- /.container -->
</footer>
</body>
</html>