-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path7.html
154 lines (152 loc) · 6.94 KB
/
7.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 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">
<!-- select pricing details -->
<section class="features-overview" id="features-section">
<div class="content-header">
<h6>Choose your plan</h6>
<p class="section-subtitle mb-0">Payouts up to USD 10 per unit</p>
</div>
<div class="d-md-flex justify-content-between mt-2">
<div class="row w-100 m-0">
<div class="col-6 p-2">
<div class="d-flex justify-content-start">
<div class="features-width">
<img src="assets/images/Group12.svg" alt="" class="img-icons opacity-0" width="auto" height="30">
<h6 class="py-2 text-center">FREE</h6>
<div class="plan_dets text-left">
<ul class="m-0 mb-3">
<li>
<span class="w-80">Fee</span>
<span class="w-20">10</span>
</li>
<li>
<span class="w-80">Prompts</span>
<span class="w-20">100</span>
</li>
<li>
<span class="w-80">Payout %</span>
<span class="w-20">20</span>
</li>
<li>
<span class="w-100">Your own brand</span>
</li>
</ul>
<p class="w-100 text-center plan_select"><a href="#">Select</a> </p>
</div>
</div>
</div>
</div>
<div class="col-6 p-2">
<div class="d-flex justify-content-center">
<div class="features-width text-center">
<img src="assets/images/chrown.png" alt="" class="img-icons" width="auto" height="30">
<h6 class="py-2 text-center">PREMIUM</h6>
<div class="plan_dets text-left">
<ul class="m-0 mb-3 bg_hvr">
<li>
<span class="w-80">Fee</span>
<span class="w-20">10</span>
</li>
<li>
<span class="w-80">Prompts</span>
<span class="w-20">100</span>
</li>
<li>
<span class="w-80">Payout %</span>
<span class="w-20">20</span>
</li>
<li>
<span class="w-100">Your own brand</span>
</li>
</ul>
<p class="w-100 text-center plan_select"><a href="#">Select</a> </p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="content-notes w-100 mt-2">
<h6 class="text-center">Notes</h6>
<ul class="m-0">
<li><p class="section-subtitle fs-10 m-0">User can change therir plan anytime.</p></li>
<li><p class="section-subtitle fs-10 m-0">Billing cycle occurs at every 30 days from subscription date.</p></li>
<li><p class="section-subtitle fs-10 m-0">If user downgrades from paid to basic pla, no refund will be given.</p></li>
<li><p class="section-subtitle fs-10 m-0">Token refers to how many times a user can generate AI image.</p></li>
<li><p class="section-subtitle fs-10 m-0">Basicplan does not allow user to place their brand on the bottle.</p></li>
</ul>
</div>
</section>
<!--end of select pricing details -->
</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>