This repository has been archived by the owner on May 12, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcatTreatDemo.html
108 lines (93 loc) · 4.58 KB
/
catTreatDemo.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cat Treats</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="cat.css">
</head>
<body>
<div class="container">
<div class="row mb-4">
<div class="col-md-7 order-md-2 p-0">
<div class="d-none d-sm-none d-md-block d-lg-block d-xl-block cat-image1"></div>
<div class="mx-auto d-auto d-sm-block d-md-none d-lg-none d-xl-none m-0 p-0 cat-image1-mobile"></div>
</div>
<div class="col-md-5 order-md-1 mt-3">
<div class="col-10 col-sm-8 mx-auto mt-4">
<h2>Treat your pet (and you). <br> It's on us!</h2>
<p class="lh-md">Treat your pet to a healthy treat for <strong>free</strong> to kick off your Public Goods trial
membership.
</p>
<p>
<h4>See what it's like to be a Public Goods member.</h4>
<ul class="lh-md">
<li>Included in your bundle is a free 2-week membership that gives you unlimited
access
to our
entire collection of sustainable essentials.</li>
<li>Take a load off. We make it easy for you to make better choices. Always
included:
eco friends
products you can trust.</li>
</ul>
</p>
<div class="d-grid gap-2 mt-4">
<button class="btn btn-custom d-block d-none d-sm-none d-md-block d-lg-block">Claim your free
offer</button>
</div>
<!-- fixed button -->
<div class="d-grid gap-2 fixed-bottom">
<button class="btn btn-custom d-block d-sm-block d-md-none">Claim your free offer</button>
</div>
</div>
</div>
</div>
<div class="row grey mt-4">
<div class="col-12">
<div class="d-flex justify-content-center">
<h2 class="caps-title mt-4">our treat</h2>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="d-flex flex-column align-items-center">
<img src="/cat_treats_fd_minnows_01 3.png">
<h3>Freeze Dried Minnows</h3>
<p>Healthy ingredients with nothing to hide.</p>
</div>
</div>
<div class="col-md-6 d-none d-sm-none d-md-block d-lg-block d-xl-block">
<div class="d-flex flex-column align-items-center">
<img src="/cat_treats_fd_minnows_01 3.png">
<h3>Freeze Dried Minnows</h3>
<p>Healthy ingredients with nothing to hide.</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 p-0">
<div class="img-fluid d-none d-sm-none d-md-block d-lg-block d-xl-block p-0 cat-image2"></div>
<div class="mx-auto d-block d-md-none d-lg-none d-xl-none cat-image2-mobile"></div>
</div>
<div class="col-md-6 p-5">
<div class="col-10 col-sm-8 mx-auto mt-4">
<h3 class="my-4 caps-title">Pet-Approved</h3>
<h3>It feels good to be a member.</h3>
<p class="mt-3 lh-md">After your free trial, become a full-time member with benefits for $59 a year.<br>
<ul class="check lh-lg">
<li>Cancel anytime during your free trial.</li>
<li>Free shipping on orders over $45.</li>
<li>Direct-to-consumer prices on hundreds of premium products.</li>
</ul>
</p>
</div>
</div>
</div>
</div>
</body>
</html>