-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathPricing.html
More file actions
144 lines (138 loc) · 6.38 KB
/
Pricing.html
File metadata and controls
144 lines (138 loc) · 6.38 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<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="style.css" type="text/css"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto&display=swap"/>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<title>Document</title>
</head>
<body>
<header>
<div class="header-class">
<div class="header-logo">
<!-- display logo here -->
<img class="logo-icon" src="Logo/PHACTORY.V2.png" alt="logo" />
</div>
<nav class="nav-list">
<ul class="nav-menu">
<li><a href="index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li><a href="index.html">Gallery</a></li>
<li><a href="">Contact</a></li>
<li><a href="">Support</a></li>
</ul>
</nav>
<div class="register">
<a href="">Sign in/Sign up</a>
<!-- insert magnifying glass icon -->
<i class="material-icons">search</i>
</div>
</div>
</header>
<main>
<div class="main-section">
<div class="image-border">
<!-- insert image -->
<img class="price-picture" src="Edited_Photos/Container3.png">
</div>
<div class="price-details">
<div class="price-container">
<p class="price"> $$$$ Price</p>
<label class="container">
<input type="radio">
<span class="checkmark"></span>
Engagement
</label>
<label class="container">
<input type="radio">
<span class="checkmark"></span>
Headshots
</label>
<label class="container">
<input type="radio">
<span class="checkmark"></span>
Location Portraits
</label>
<label class="container">
<input type="radio">
<span class="checkmark"></span>
Event
</label>
</div>
<hr>
<form class="price-form">
Number of Hours:
<input class="number-list"type="number" min="1" max="100">
</form>
<div class="pricing-details">
<button class="buy">Add to cart</button>
<div class="price-box">
<p class="price-description">
Professional headshots for work.
Headshots for yourself.
Portraits for that special someone.
Annual family or individual portraits.
Corporate or model agency photos.
Photos just to make you feel good or because you actually figured out while trying to find a profile picture that you really don’t have many photos of yourself.
Whatever your reason might be, get in touch with me and let me know what you’re looking for.
</p>
<div class="list-of-price">
<ul class="engagement">Engagements
<li class="engagement-list">$550 for 1.5hrs.</li>
<li class="engagement-list">includes 2 locations</li>
<li class="engagement-list">includes 25 images</li>
<li class="engagement-list">additional images $10/each</li>
<li class="engagement-list">inquire about surprise engagements</li>
</ul>
<ul class="headshots">Headshots
<li class="engagement-list">$280 for a 30 min session</li>
<li class="engagement-list">includes 1 location</li>
<li class="engagement-list">includes 3 images</li>
<li class="engagement-list">additional images $10/each</li>
</ul>
<ul class="location-portraits">Location Portraits
<li class="engagement-list">$500 for 1-1.5 hrs</li>
<li class="engagement-list">includes 2 locations</li>
<li class="engagement-list">includes 15 images</li>
<li class="engagement-list">additional images $10/each</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="footer-container">
<div class="info-footer-section">
<div class="pricing-description">
<p class="pricing-info">
John Doe Photography 120 West Cordova Street. Vancouver, B.C. Canada 778-999-9999 <br>
© Copyright 2019 Vancouver Photographer John Doe
</p>
<!-- insert social media icons -->
<div class="social-media">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-youtube"></a>
<a href="#" class="fa fa-instagram"></a>
<a href="#" class="fa fa-pinterest"></a>
</div>
</div>
<div class="map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2604.6072244741654!2d-123.11846828441782!3d49.24593558129481!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x548673d221f578db%3A0x9db28c3fa16cbb77!2sJulie%20Doro%20Photography!5e0!3m2!1sen!2sca!4v1575837854597!5m2!1sen!2sca"
width="250"
height="100"
frameborder="0"
style="border:0;"
allowfullscreen="">
</iframe>
</div>
</div>
</footer>
</body>
</html>