-
Notifications
You must be signed in to change notification settings - Fork 0
/
15.html
155 lines (153 loc) · 7.26 KB
/
15.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
155
<!DOCTYPE html>
<html lang="en">
<head>
<title>Prompt</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css">
<link rel="stylesheet" href="assets/css/aos.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body id="body" data-spy="scroll" data-target=".navbar" data-offset="100">
<header id="header-section">
<nav class="navbar navbar-expand-lg pl-3 pl-sm-0" id="navbar">
<div class="container">
<div class="navbar-brand-wrapper d-flex w-100">
<img src="assets/images/logo.png" alt="logo" class="logo_img">
<!-- <button class="navbar-toggler ml-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="mdi mdi-menu navbar-toggler-icon"></span>
</button> -->
<button class="navbar-toggler ml-auto">
<span class="mdi mdi-menu navbar-toggler-icon"></span>
</button>
</div>
<div class="collapse navbar-collapse navbar-menu-wrapper" id="navbarSupportedContent" style="display: none !important;">
<ul class="navbar-nav align-items-lg-center align-items-start ml-auto">
<li class="d-flex align-items-center justify-content-between pl-4 pl-lg-0">
<div class="navbar-collapse-logo">
<img src="assets/images/logo.png" alt="logo" class="logo_img">
</div>
<button class="navbar-toggler close-button" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="mdi mdi-close navbar-toggler-icon pl-5"></span>
</button>
</li>
<li class="nav-item">
<a class="nav-link" href="#header-section">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#features-section">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#digital-marketing-section">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#welcome-section">Testimonials</a>
</li>
<li class="nav-item btn-contact-us pl-4 pl-lg-0">
<button class="btn btn-info" data-toggle="modal" data-target="#exampleModal">Contact Us</button>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="banner" >
<div class="container">
<h1 class="font-weight-semibold">ARTEFAX</h1>
<p class="font-weight-normal pb-3">Create custom ai merch instantly!</p>
</div>
</div>
<div class="content-wrapper">
<div class="container">
<!-- output prompt on product -->
<section class="contact-details output_products" id="product-collection-section">
<div class="row text-center text-md-left">
<div class="col-12 col-md-12 col-lg-12 text-center">
<p class="pt-0 pb-0 m-0 w-100 text-center">You did it!</p>
<div class="pt-0">
<div class="owl-carousel owl-theme carousel_endproducts" id="carousel_endproducts">
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/0.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/1.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/2.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/3.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/4.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/5.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/6.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
<div class="card customer-cards">
<div class="card-body">
<div class="text-center">
<img src="assets/images/bottles/0.png" width="200" height="150" alt="" class="img-customer">
</div>
</div>
</div>
</div>
</div>
<div class="pt-0">
<p class="mt-4 mb-3">Spread the word & start earning!</p>
<button class="btn btn-opacity-light w-75 mb-2 fs-12">Share URL Link!</button>
<button class="btn btn-opacity-light w-75 mb-2 fs-12">Share shortened Link</button>
<button class="btn btn-opacity-light w-75 mb-2 fs-12">Download image & share!</button>
<button class="btn btn-opacity-light w-75 mb-0 fs-12">Download QR code</button>
</div>
<div class="pt-3">
<button class="restart_design" type="button">Create a new design!</button>
</div>
</div>
</div>
</section>
<!-- end of output prompt on product -->
</div>
</div>
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/aos.js"></script>
<script src="assets/js/landingpage.js"></script>
</body>
</html>