-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
167 lines (161 loc) · 10.2 KB
/
Copy pathindex.html
File metadata and controls
167 lines (161 loc) · 10.2 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mynav">
<div class="container">
<a class="navbar-brand" href="#page-top">Back-top</a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
<button class="btn btn-outline-dark" id="changeUser">Change user</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto my-2 my-lg-0">
<li class="nav-item"><a class="nav-link" href="#about">About</a></li>
<li class="nav-item"><a class="nav-link" href="#services">Services</a></li>
<li class="nav-item"><a class="nav-link" href="#portfolio">Portfolio</a></li>
<li class="nav-item"><a class="nav-link" href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid top-img" id="page-top">
<div class="row vh-100 align-items-center">
<div class="col text-center text-light text-dark">
<h1 class="display-4 font-weight-light text-light">Welcome to PhotoBoot</h1>
<h3 class="display-4 font-weight-light text-light">This is our home</h3>
<a class="btn btn-light btn-xl mt-5" href="#about">Find Out More</a>
</div>
</div>
</div>
<section class="about font-weight-light" id="about">
<div class="container text-center text-justify">
<h2 class="display-4 pb-4">About</h2>
<hr class="divider my-4" />
<div class="row mt-3">
<div class="col-12 col-sm-4">
<img src="images/about4.jpg" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="pt-4">Who we are?</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores nihil,
sequi iste sapiente fugit officia ipsum incidunt debitis eos beatae? Accusantium
repellendus qui perspiciatis dolorum sunt voluptatum aperiam soluta? Blanditiis?</p>
</div>
<div class="col-12 col-sm-4">
<img src="images/about2.jpg" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="pt-4">How can we help you?</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores nihil,
sequi iste sapiente fugit officia ipsum incidunt debitis eos beatae? Accusantium
repellendus qui perspiciatis dolorum sunt voluptatum aperiam soluta? Blanditiis?</p>
</div>
<div class="col-12 col-sm-4">
<img src="images/about3.jpg" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="pt-4">Why choose us?</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Asperiores nihil,
sequi iste sapiente fugit officia ipsum incidunt debitis eos beatae? Accusantium
repellendus qui perspiciatis dolorum sunt voluptatum aperiam soluta? Blanditiis?</p>
</div>
</div>
</div>
</section>
<section class="page-section font-weight-light pb-4" id="services">
<div class="container">
<h2 class="text-center mt-0 display-4">At Your Service</h2>
<hr class="divider my-4" />
<div class="row">
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<img src="images/logo1.png" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="mb-2">Worldwide</h3>
<p class="text-muted mb-0">Our webpages are creative and one of the best in the market!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<img src="images/logo2.png" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="mb-2">Up to Date</h3>
<p class="text-muted mb-0">All webpage styles and solutions are up to date.</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<img src="images/logo3.png" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="mb-2">Fast project delivery</h3>
<p class="text-muted mb-0">We guarantee that our project will be made up to date!</p>
</div>
</div>
<div class="col-lg-3 col-md-6 text-center">
<div class="mt-5">
<img src="images/logo4.png" class="img-fluid rounded mx-auto " alt="Responsive image">
<h3 class="mb-2">Creative approach</h3>
<p class="text-muted mb-0">All of our staff members are open minded </p>
</div>
</div>
</div>
</div>
</section>
<section class="Portfolio font-weight-light" id="portfolio">
<div class="container text-center">
<h2 class="display-4 pb-4 pt-5">Portfolio</h2>
<hr class="divider my-4" />
<div class="row">
<div class="col-12 col-sm-6 col-lg-4 pb-1 zoom">
<img src="https://images.unsplash.com/photo-1519810755548-39cd217da494?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2134&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
<div class="col-12 col-sm-6 col-lg-4 pb-1 zoom">
<img src="https://images.unsplash.com/photo-1501549538842-2f24e2dd6520?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2134&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
<div class="col-12 col-sm-6 col-lg-4 pb-1 zoom">
<img src="https://images.unsplash.com/uploads/14116941824817ba1f28e/78c8dff1?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2133&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
<div class="col-12 col-sm-6 col-lg-4 pt-1 zoom">
<img src="https://images.unsplash.com/photo-1467106015942-a0ea2960655a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2132&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
<div class="col-12 col-sm-6 col-lg-4 pt-1 zoom">
<img src="https://images.unsplash.com/photo-1460131548611-36aac9b6a901?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2134&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
<div class="col-12 col-sm-6 col-lg-4 pt-1 zoom">
<img src="https://images.unsplash.com/photo-1507917570388-d661984ea008?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2133&q=80" class="img-fluid rounded mx-auto " alt="Responsive image">
</div>
</div>
</div>
</section>
<section class="page-section font-weight-light" id="contact">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<h3 class="display-4 mt-5">Contactu Us below!</h3>
<hr class="divider my-4" />
<p class="text-muted mb-5">Ready to start your next project with us? Give us a call or send us an email and we will get back to you as soon as possible!</p>
</div>
</div>
<div class="row">
<div class="col-lg-4 ml-auto text-center">
<i class="mb-3 text-muted"></i>
<img src="images/contact.png" alt="contact">
<div>+371 26965843</div>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="mb-3 text-muted"></i>
<img src="images/contact2.png" alt="contact-email">
<a class="d-block" href="mailto:info@contactus.lv">info@contactus.lv</a>
</div>
<div class="col-lg-4 mr-auto text-center">
<i class="mb-3 text-muted"></i>
<img src="images/contact3.png" alt="contact-email">
<a class="d-block" href="facebook.com">Our FaceBook page!</a>
</div>
</div>
</div>
</section>
<footer class="py-5 font-weight-light">
<div class="container"><div class="small text-center text-muted">Copyright © 2020 - Our Company</div></div>
</footer>
<script src="js/main.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>