-
Notifications
You must be signed in to change notification settings - Fork 0
/
pricing.html
168 lines (155 loc) · 7.01 KB
/
pricing.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
156
157
158
159
160
161
162
163
164
165
166
167
168
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Pricing</title>
<link href= "bootstrap.css" rel="stylesheet" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Allerta+Stencil&family=Roboto+Mono:wght@500&display=swap" rel="stylesheet">
<link href="bootstrap.css" rel="stylesheet" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animate__animated'
})
wow.init();
</script>
<style>.fixedbutton {
position: fixed;
bottom: 20px;
right: 12px;
}</style>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
</head>
<body>
<div class="sticky-top">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<div class="container-fluid">
<a class="navbar-brand" href="index.html">
<img src="images/logos/blue_logo.jpg" alt="Patent Works" width="30" height="30" class="d-inline-block align-text-top">
Patent Works
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" aria-current="page" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="team.html">Team</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="services.html">Services</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contacts.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="pricing.html">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="info.html">Information</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<br><br>
<div class="container">
<h1 class="display-4 wow animate__shakeY text-center">Pricing</h1>
<br>
<hr class="bg-primary ">
<div class="container">
<h1 class=" wow animate__bounce text-center pt-5 ">Package Deal!</h1>
<div class="row justify-content-center ">
<div class="card w-75 wow animate__fadeInUp">
<img src="images/service/invent.jpeg" class="card-img-top" alt="image of inventing">
<div class="card-body">
<h5 class="card-title">The Innovator Package</h5>
<p class="card-text">This package includes all the steps necessary in order to become a successful innovator. The steps included are inventing,planning,manufacturing,and shipping/marketing. </p>
<p>$̶5̶0̶0̶ $400</p>
<p class="text-danger ">On Sale!</p>
<a class="btn btn-primary" href="sighnin.html">Buy Now!</a>
</div>
</div>
</div>
</div>
</div>
<br>
<br>
<h1 class=" wow animate__bounce text-center pt-5 ">Individual</h1>
<div class="container">
<div class="row">
<div class="col">
<div class="card h-100 animate__fadeInUp">
<img src="images/service/invent.jpeg" class="card-img-top" alt="image of inventing">
<div class="card-body">
<h5 class="card-title">Invention</h5>
<p class="card-text">Start putting your idea on paper.</p>
<p>$30</p>
<a class="btn btn-primary" href="sighnin.html">Buy Now!</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 wow animate__fadeInUp">
<img src="images/service/plan.jpeg" class="card-img-top" alt="image of planning">
<div class="card-body">
<h5 class="card-title">Planning</h5>
<p class="card-text">Start putting your ideas on paper.</p>
<p>$40</p>
<a class="btn btn-primary" href="sighnin.html"> Get started</a>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="container">
<div class="row">
<div class="col">
<div class="card h-100 animate__fadeInUp">
<img src="images/service/invent.jpeg" class="card-img-top" alt="image of inventing">
<div class="card-body">
<h5 class="card-title">3D Printing</h5>
<p class="card-text">Make your idea come to life with 3D printing! By 3D printing you'll be able to test out your product first before mass producing.</p>
<p>Price range depends on material used:Plastic, Bioplastic, </p>
<a class="btn btn-primary" href="sighnin.html"> Get started</a>
</div>
</div>
</div>
<div class="col">
<div class="card h-100 wow animate__fadeInUp">
<img src="images/service/plan.jpeg" class="card-img-top" alt="image of planning">
<div class="card-body">
<h5 class="card-title">Planning</h5>
<p class="card-text">Start putting your ideas on paper.</p>
<a class="btn btn-primary" href="sighnin.html"> Get started</a>
</div>
</div>
</div>
</div>
</div>
<br>
<a href="#" class="btn btn-primary fixedbutton"> Need Help? </a>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/wow/1.1.2/wow.min.js"></script>
<script>
var wow = new WOW({
boxClass: 'wow',
animateClass: 'animate__animated'
})
wow.init();
</script>
</body>
</html>