-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (149 loc) · 11.5 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>1296KmClose</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/styles.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/css/lightbox.min.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-C9NB0NSV4Z"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-C9NB0NSV4Z');
</script>
</head>
<body>
<div class="d-flex flex-column sticky-footer-wrapper">
<nav class="navbar navbar-light navbar-expand-md navigation-clean">
<div class="container"><a class="navbar-brand" href="about.html">1296KmClose</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav ml-auto">
<li class="nav-item"><a class="nav-link disabled active" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">About</a></li>
<li class="nav-item"><span style="padding-left: 10px;"></span><a class="btn btn-primary" role="button" href="https://forms.gle/CiPbHCVAxcXxhePA8">Order</a></li>
</ul>
</div>
</div>
</nav>
<div class="flex-fill">
<div class="container d-md-flex">
<div class="row">
<div class="col-12 col-sm-auto col-md-6 d-none d-sm-none d-md-flex justify-content-center align-items-center align-content-center align-items-sm-center justify-content-md-center visible"><img class="img-fluid d-flex justify-content-center align-items-center align-content-center align-self-center" src="assets/img/sp3.jpg" style="width: 60%;"></div>
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center align-content-center align-self-center my-auto justify-content-xl-center align-items-xl-center"
style="padding-right: 0px;padding-left: 0px;">
<div class="jumbotron text-left bg-white d-flex flex-column justify-content-lg-center justify-content-xl-center align-items-xl-start" style="padding-right: 25px;padding-left: 25px;">
<h2 class="text-center text-md-left">Altered Moments</h2>
<h3 class="text-center text-md-left font-weight-light" style="margin-right: 0px;">Make real moments with anyone, wherever you are<br></h3>
<div class="text-center text-md-left"><a class="btn btn-primary btn-lg" role="button" data-bs-hover-animate="tada" style="margin-right: 10px;" href="https://forms.gle/CiPbHCVAxcXxhePA8">Order</a><a class="btn btn-outline-primary btn-lg" role="button" style="margin-right: 10px;"
href="about.html">Learn More</a></div>
</div>
</div>
</div>
</div>
<div class="section-break" style="margin-top: 50px;"></div>
<div class="container">
<h2 style="text-align: center;">Product</h2>
<p class="lead text-center" style="font-size: 24px;">Take a look at our work at 1296KmClose!</p>
<div class="row h-100 d-flex justify-content-center">
<div id="showcaseCarousel" class="carousel slide w-100" data-ride="carousel">
<div class="carousel-inner w-100" role="listbox">
<div class="carousel-item active">
<div class="col-md-4"><img class="img-fluid" src="assets/img/sp9.jpg" style="padding: 35px;padding-top: 0px;padding-bottom: 0px;"></div>
</div>
<div class="carousel-item">
<div class="col-md-4"><img class="img-fluid" src="assets/img/sp8.png" style="padding: 35px;padding-top: 0px;padding-bottom: 0px;"></div>
</div>
<div class="carousel-item">
<div class="col-md-4"><img class="img-fluid" src="assets/img/sp7.jpg" style="padding: 35px;padding-top: 0px;padding-bottom: 0px;"></div>
</div>
<div class="carousel-item">
<div class="col-md-4"><img class="img-fluid" src="assets/img/sp11.jpg" style="padding: 35px;padding-top: 0px;padding-bottom: 0px;"></div>
</div>
</div><a class="carousel-control-prev w-auto" href="#showcaseCarousel" role="button" data-slide="prev" style="margin-left: 25px;"><span class="carousel-control-prev-icon bg-dark border border-dark rounded-circle" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
<a
class="carousel-control-next w-auto" href="#showcaseCarousel" role="button" data-slide="next" style="margin-right: 25px;"><span class="carousel-control-next-icon bg-dark border border-dark rounded-circle" aria-hidden="true"></span><span class="sr-only">Next</span></a>
</div>
</div>
</div>
<div class="section-break" style="margin-top: 50px;"></div>
<div>
<div class="container features-clean">
<div class="intro">
<h1 class="text-center">Service</h1>
<p class="lead text-center" style="font-size: 24px;">Using Photoshop and a Polaroid Printer, we can create realistic moments for you!</p>
</div>
<div class="row features">
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fa fa-thumbs-o-up icon"></i>
<h3 class="name" style="font-size: 24px;">Simple</h3>
<p class="lead description" style="font-size: 20px;">Using our request form, upload images you'd like us to merge and give us an idea of what you'd like.</p>
</div>
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fa fa-plane icon"></i>
<h3 class="name" style="font-size: 24px;">Fast</h3>
<p class="lead description" style="font-size: 20px;">After submission, we will get back to you in 24 hours with our edit!</p>
</div>
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fa fa-list-alt icon"></i>
<h3 class="name" style="font-size: 24px;">Customizable</h3>
<p class="lead description" style="font-size: 20px;">Don't like our rendition? Give feedback and we'll apply the changes!</p>
</div>
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fa fa-map-marker icon"></i>
<h3 class="name" style="font-size: 24px;">Works everywhere</h3>
<p class="lead description" style="font-size: 20px;">Memories are worldwide! We ship everywhere, even to Mars!</p>
</div>
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fas fa-lock icon"></i>
<h3 class="name" style="font-size: 24px;">Secure & Private</h3>
<p class="lead description" style="font-size: 20px;">The pictures you upload will not be distributed, and will be deleted once a transaction is complete!</p>
</div>
<div class="col-12 col-sm-6 col-lg-4 item"><i class="fas fa-hands-helping icon"></i>
<h3 class="name" style="font-size: 24px;">Charity</h3>
<p class="lead description" style="font-size: 20px;">At 1296KmClose, we will be using 10% of our profits to create memories for disconnected families. </p>
</div>
</div>
</div>
</div>
<div class="section-break" style="margin-top: 50px;"></div>
<div class="container">
<div class="row">
<div class="col-12 col-md-6">
<div class="intro">
<h2 class="text-center">Make an Order</h2>
<p class="lead text-center" style="font-size: 24px;">Have an idea in mind? Let's make it a reality!</p>
</div>
</div>
<div class="col-12 col-md-6 d-flex flex-column justify-content-center align-items-center">
<div class="d-flex flex-grow-0 align-items-sm-center buttons"><a class="btn btn-primary btn-lg" role="button" data-bs-hover-animate="tada" href="https://forms.gle/CiPbHCVAxcXxhePA8" style="margin-right: 10px;margin-left: 10px;">Order</a><a class="btn btn-outline-primary btn-lg" role="button"
style="margin-right: 10px;margin-left: 10px;" href="about.html">Learn More</a></div>
</div>
</div>
</div>
<div class="section-break" style="margin-top: 50px;"></div>
</div>
<div class="footer-basic st">
<footer>
<div class="social"><a href="https://www.instagram.com/1296kmclose/" title="Instagram" target="_blank"><i class="fa fa-instagram"></i></a><a href="mailto: 1296kmclose@gmail.com" title="Email" target="_blank"><i class="fa fa-envelope-o"></i></a><a href="https://github.com/yilverdeja/1296kmclose/issues/new?title=Feedback%20for%201296KmClose%20Website&body=Explain%20your%20issue%20here"
title="Feedback" target="_blank"><i class="fa fa-commenting-o" title="Feedback"></i></a></div>
<ul class="list-inline">
<li class="list-inline-item"><a href="terms/terms.html">Terms</a></li>
<li class="list-inline-item"><a href="terms/privacypolicy.html">Privacy Policy</a></li>
</ul>
<p class="copyright">1296KmClose © <span id="footerYear"></span>, Designed by <a href="#">yve.</a></p>
</footer>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.8.2/js/lightbox.min.js"></script>
<script src="assets/js/script.min.js"></script>
<script>
document.getElementById("footerYear").innerText = new Date().getFullYear();
</script>
</body>
</html>