-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
150 lines (140 loc) · 8.5 KB
/
index.html
File metadata and controls
150 lines (140 loc) · 8.5 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
145
146
147
148
149
150
<!DOCTYPE html>
<!-- Jory Eugene Pestorious -->
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="height=device-height, initial-scale=1, width=device-width, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Bootstrap demo</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<link href="demo.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css" rel="stylesheet">
</head>
<body>
<div class="wrapper">
<div class="container mt-5 mb-3">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<img src="./model-profile.jpg" class="img-fluid rounded-circle border border-3 border-light" width="320" alt="model profile image">
</div>
</div>
</div>
<div class="container mb-2">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<div class="row"><p class="text-white">I am a British born model who travels the world doing high class photoshoots. If you would like to work with me check me out online and get in touch.</p>
</p></div>
<!-- links -->
<i class="fab fa-facebook-f fa-lg text-white mt-2 me-3"></i>
<!-- Instagram -->
<i class="fab fa-instagram fa-lg text-white me-3"></i>
<!-- Twitter -->
<i class="fab fa-twitter fa-lg text-white me-3"></i>
<!-- Email -->
<i class="fa-regular fa-envelope fa-lg text-white"></i>
<!-- end links -->
<h3 class="display-5 fw-semibold mt-4 mb-3 text-white">Latest Gallery</h3>
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="./slide01.jpg" class="d-block w-100" alt="a female model in black lingerie lying on the bed with her legs elevated against a wall">
</div>
<div class="carousel-item">
<img src="./slide02.jpg" class="d-block w-100" alt="a female model in apricot lingerie kneeling on bed running her fingers through her hair">
</div>
<div class="carousel-item">
<img src="./slide03.jpg" class="d-block w-100" alt="a female model in swimwear reclining on a boat in sunny weather
">
</div>
<div class="carousel-item">
<img src="./slide04.jpg" class="d-block w-100" alt="two female models in dresses lying over silk sheets on a bed">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
<!-- schedule -->
<div class="container mt-2 mb-2">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<h3 class="display-5 fw-semibold mt-2 mb-3 text-white">My Photoshoot Schedule</h3>
<div class="row mt-2">
<div class="col">
<img src="./model01.jpg" alt="a female model in black lingerie lying on the bed propped up on her elbows
" class="img-fluid">
</div>
<div class="col">
<img src="./model02.jpg" alt="a female model in silver and black lingerie sitting in bed resting against a large pillow running her fingers through her hair" class="img-fluid">
</div>
<div class="col">
<img src="./model04.jpg" alt="the lower half of a female model wearing red panties standing in front of a christmas tree" class="img-fluid">
</div>
</div>
<div class="row mt-2">
<div class="col">
<img src="./model03.jpg" alt="a female model in black lingerie lying on a furry white rug
" class="img-fluid">
</div>
<div class="col">
<img src="./model05.jpg" alt="a female model in black lingerie lying on a bed with her knees up
" class="img-fluid">
</div>
<div class="col">
<img src="./model06.jpg" alt="a female model in red lingerie kneeling on a bed with her back to the camera unhooking her bra" class="img-fluid">
</div>
</div>
<div class="d-grid gap-3 mt-3">
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Day 1-Book Now</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Day 2--Book Now</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Day 3--Book Now</button>
</div>
</div>
</div>
</div>
<!-- end schedule -->
<!-- follow -->
<div class="container mt-2 mb-2">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<h3 class="display-5 fw-semibold text-white mt-3 mb-2">Follow Me</h3>
<div class="d-grid gap-3 mt-3">
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Facebook</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Instagram</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Twitter</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Portfolio 1</button>
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Portfolio 2</button>
</div>
</div>
</div>
</div>
<!-- end follow -->
<!-- merchandise -->
<div class="container mt-2 mb-5">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<h3 class="display-5 fw-semibold mt-2 mb-3 text-white">Latest Merchandise</h3>
<img src="./calendar.jpg" alt="Lingeries Calendar 2023 cover" class="img-fluid">
<div class="d-grid gap-3 mt-2">
<button class="btn btn-outline-light rounded-pill border border-2 border-light p-3" type="button">Shop Now</button>
</div>
</div>
</div>
</div>
<!-- end merchandise -->
<div class="container mb-2">
<div class="row justify-content-center">
<div class="col-sm-12 col-md-10 col-lg-8 text-center">
<a href="https://dragonfiredesignstudio.com" target="_blank"><img src="./df small footer logo.png" alt="dragon fire design studio logo" class="img-fluid" width="40"></a> </div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
</body>
</html>