-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathplace.html
81 lines (68 loc) · 3.06 KB
/
place.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
<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>Document</title>
<link rel="stylesheet" href="./icofont/icofont.min.css">
<link rel="stylesheet" href="./bootstrap-5.2.0-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="./index.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="./place.css">
<link
href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700&family=Poppins:wght@300;400;500;800&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
</head>
<body>
<div class=" text ps-2 pt-3 ">
<a href="./index.html">
<i class="icofont-arrow-left" style="font-size: 3rem;"></i>
</a>
<div class="all-text-col" style="display: flex; align-items: center; flex-direction: column;">
<h1> CAPTURE BEAUTIFUL <br> MOMENTS WITH US.</h1>
<p class="we">
We invest noteworthy energy in wedding photography, corporate, family, birthday,<br>
maternity and all kind of photography work.
</p>
<div class="inn" style="display: flex; justify-content: center; align-items: center; flex-direction: column;">
<img src="./images/IMG-20221102-WA0062 1 (1).png" width="70%" alt="">
</div>
</div>
</div>
<div class="last mt-3 container-fluid px-5 " >
<div class="row ">
<div class="col ">
<h2>Let’s make some thing great together</h2>
<p >Email us or reach out to us through our social media links for any project discussion</p>
</div>
</div>
<div class="row mt-4 ">
<div class="col-md-7">
<h4>EMAIL US @</h4>
<p class="pop">[email protected]</p>
</div>
<div class="col-md-5">
<h4>CALL US ON</h4>
<p class="pop">+234(0)8012345678/p>
</div>
</div>
<div class="last mt-4">
<h3>FOLLOW US ON</h3>
<div class=" button-for-social-media-link">
<div class="btn "> <i class="fa-brands fa-twitter"></i></div>
<div class="btn "> <i class="fa-brands fa-whatsapp"></i></div>
<div class="btn "> <i class="fa-brands fa-instagram"></i></div>
</div>
</div>
<div class="black-box my-3 row w-100" style="text-align: center;">
<div class="col-md-8"><h1 class="" >Book an appointment today</h1></div>
<div class="col-md-4"><div class="btn bookNow"><a href="./booking.html">book now</a></div></div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
<script src="./bootstrap-5.2.0-dist/js/bootstrap.bundle.js"></script>
</body>
</html>