Skip to content
GitLab
Commit 9738f5ae authored by Sasho Gjorgiev's avatar Sasho Gjorgiev
Browse files

created challenge08

parent 425e8499
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 774 additions and 0 deletions
+774 -0
.vscode/settings.json 0 → 100644
+ 3
- 0
View file @ 9738f5ae
{
"liveServer.settings.port": 5502
}
about.html 0 → 100644
+ 297
- 0
View file @ 9738f5ae
<!DOCTYPE html>
<html>
<head>
<title>About Us</title>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- Latest compiled and minified Bootstrap 4.6 CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous"
/>
<!-- CSS script -->
<link rel="stylesheet" href="style.css" />
<!-- Latest Font-Awesome CDN -->
<script
src="https://kit.fontawesome.com/3257d9ad29.js"
crossorigin="anonymous"
></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand text-secondary" href="index.html">GLOZZOM</a>
<button
class="navbar-toggler d-lg-none border-0"
type="button"
data-toggle="collapse"
data-target="#collapsibleNavId"
aria-controls="collapsibleNavId"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="collapsibleNavId"
>
<ul class="navbar-nav mr-automt-2 mt-lg-0 text-uppercase">
<li class="nav-item">
<a class="nav-link pr-3" href="index.html"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item active">
<a class="nav-link text-light pr-3" href="about.html">about us</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="services.html">services</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="blog.html">blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container-fluid m-0 p-0">
<div class="paralax3">
<div class="parallax-content">
<h2 class="h2">About Us</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ad
esse, ullam iusto architecto officiis aspernatur accusantium
inventore natus.
</p>
</div>
</div>
</div>
<!-- section1 -->
<section>
<div class="container mb-40">
<div class="row">
<div class="col-12 col-md-8">
<div class="mt-5"><h2>What do we do</h2></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
reprehenderit in voluptate velit esse cillum dolore eu fugiat
nulla pariatur. Excepteur sint occaecat cupidatat non proident,
sunt in culpa qui officia deserunt mollit anim id est laborum.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut
enim ad minim veniam, quis nostrud exercitation ullamco laboris
nisi ut aliquip ex ea commodo consequat.
</p>
</div>
<div class="col-4 position-relative imgr d-none d-md-block">
<div class="position-absolute imga">
<img
src="./images/aboutus.jpeg"
class="rounded-circle img-fluid"
alt=""
/>
</div>
</div>
</div>
</div>
</section>
<!-- section red cards -->
<section>
<div class="container my-5">
<div class="row">
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-regular fa-building fa-2x text-white"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-solid fa-bullhorn text-white fa-2x"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-solid fa-comments text-white fa-2x"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
</div>
<!-- row2 -->
<div class="row">
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-regular fa-clock fa-2x text-white"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-solid fa-closed-captioning text-white fa-2x"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
<div class="col-12 col-md-4 mb-3">
<div class="bg-red p-3">
<div
class="d-flex justify-content-center align-items-center py-3"
>
<i class="fa-solid fa-mug-saucer text-white fa-2x"></i>
</div>
<h3 class="text-white text-center">Lorem ipsum</h3>
<p class="text-white text-center">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Culpa
tenetur nihil ex atque!
</p>
</div>
</div>
</div>
</div>
</section>
<!-- section carousel -->
<section>
<div class="bg-dark text-white">
<div id="myCarousel" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="carousel-content">
<h3 class="h2 text-center py-2">Testimonials</h3>
<p class="text-center">
Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Doloribus, ab.
</p>
<p class="text-center text-secondary">
-John Doe from Company 1
</p>
</div>
</div>
<div class="carousel-item">
<div class="carousel-content">
<h3 class="h2 text-center py-1">Testimonials</h3>
<p class="text-center">
Cu vis novum diceret,id simul ludicabit pri.In meis senserit
vis.Cu admodum detectus vis,ridens detectus eloquentiam per
ex!
</p>
<p class="text-center text-secondary">
-Jane Doe from Company 2
</p>
</div>
</div>
<div class="carousel-item">
<div class="carousel-content">
<h3 class="h2 text-center py-1">Testimonials</h3>
<p class="text-center">
Ad suavitate posidonium eum.Vim nonumes accusuamus doderetaius
eu.Mea ey tota facer tempor.vix appetere disputationi!
</p>
<p class="text-center text-secondary">
-Sarah Smith from Company 3
</p>
</div>
</div>
</div>
<a
class="carousel-control-prev"
href="#myCarousel"
role="button"
data-slide="prev"
>
<i class="fa-solid fa-arrow-left fa-2x"></i>
</a>
<a
class="carousel-control-next"
href="#myCarousel"
role="button"
data-slide="next"
>
<i class="fa-solid fa-arrow-right fa-2x"></i>
</a>
</div>
</div>
</section>
<!-- footer -->
<div class="bg-black py-3">
<p class="text-white text-center m-0">Copyright 2023 &copy; Clozzom</p>
</div>
<!-- jQuery library -->
<script
src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="ha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<!-- Latest Compiled Bootstrap 4.6 JavaScript -->
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"
></script>
</body>
</html>
blog.html 0 → 100644
+ 217
- 0
View file @ 9738f5ae
<!DOCTYPE html>
<html>
<head>
<title>Blog</title>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- Latest compiled and minified Bootstrap 4.6 CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous"
/>
<!-- CSS script -->
<link rel="stylesheet" href="style.css" />
<!-- Latest Font-Awesome CDN -->
<script
src="https://kit.fontawesome.com/3257d9ad29.js"
crossorigin="anonymous"
></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand text-secondary" href="index.html">GLOZZOM</a>
<button
class="navbar-toggler d-lg-none border-0"
type="button"
data-toggle="collapse"
data-target="#collapsibleNavId"
aria-controls="collapsibleNavId"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="collapsibleNavId"
>
<ul class="navbar-nav mr-automt-2 mt-lg-0 text-uppercase">
<li class="nav-item">
<a class="nav-link pr-3" href="index.html"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="about.html">about us</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="services.html">services</a>
</li>
<li class="nav-item active">
<a class="nav-link text-light pr-3" href="blog.html">blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container-fluid m-0 p-0">
<div class="paralax3">
<div class="parallax-content">
<h2 class="h2">Read our blog</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ad
esse, ullam iusto architecto officiis aspernatur accusantium
inventore
</p>
</div>
</div>
</div>
<!-- POSTS -->
<div class="container">
<div class="row">
<div class="col-12 col-md-4 my-4">
<div class="card mb-4">
<img
src="images/Colloseum.jpg"
class="card-img-top p-2"
alt="Post Image"
/>
<div class="card-body">
<h3 class="card-title font-weight-normal">Blog post one</h3>
<p class="card-text text-secondary">Written by Jeff on 07/23</p>
<hr />
<p class="text-justify">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et
velit laboriosam fugit voluptatum fuga. Rerum nesciunt amet
illum beatae, libero sapiente. Aliquid magnam culpa
consequuntur, nesciunt sit itaque tenetur repudiandae. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Voluptatum,
illo et! Molestiae, magni animi quos iusto ducimus perspiciatis
officiis quibusdam?
</p>
</div>
</div>
<div class="card mb-4">
<div class="card-body">
<p class="card-text mb-md-1">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta
consequatur amet harum voluptatem doloremque vitae tenetur, modi
doloribus animi accusantium voluptate molestiae optio omnis
dolor? Exercitationem quisquam omnis quo facere.
</p>
<p class="text-secondary m-md-0 m-lg-0">
Someone famous in Source Title
</p>
</div>
</div>
</div>
<!-- blog2 -->
<div class="col-12 col-md-4 my-4">
<div class="card mb-4">
<img
src="images/Tokyo.webp"
class="card-img-top p-2"
alt="Post Image"
/>
<div class="card-body">
<h3 class="card-title font-weight-normal">Blog post two</h3>
<p class="card-text text-secondary">Written by Jeff on 07/23</p>
<hr />
<p class="text-justify">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et
velit laboriosam fugit voluptatum fuga. Rerum nesciunt amet
illum beatae, libero sapiente. Aliquid magnam culpa
consequuntur, nesciunt sit itaque tenetur repudiandae. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Voluptatum,
illo et! Molestiae, magni animi quos iusto ducimus perspiciatis
officiis quibusdam?
</p>
</div>
</div>
<div class="card mb-4">
<div class="card-body bg-red text-light">
<p class="card-text mb-md-1">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta
consequatur amet harum voluptatem doloremque vitae tenetur, modi
doloribus animi accusantium voluptate molestiae optio omnis
dolor? Exercitationem quisquam omnis quo facere.
</p>
<p class="text-light m-md-0 m-lg-0">
Someone famous in Source Title
</p>
</div>
</div>
</div>
<!-- blog3 -->
<div class="col-12 col-md-4 my-4">
<div class="card mb-4">
<img
src="images/new_york_348x232.jpeg"
class="card-img-top p-2"
alt="Post Image"
/>
<div class="card-body">
<h3 class="card-title font-weight-normal">Blog post three</h3>
<p class="card-text text-secondary">Written by Jeff on 07/23</p>
<hr />
<p class="text-justify">
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Et
velit laboriosam fugit voluptatum fuga. Rerum nesciunt amet
illum beatae, libero sapiente. Aliquid magnam culpa
consequuntur, nesciunt sit itaque tenetur repudiandae. Lorem
ipsum dolor sit amet consectetur adipisicing elit. Voluptatum,
illo et! Molestiae, magni animi quos iusto ducimus perspiciatis
officiis quibusdam?
</p>
</div>
</div>
<div class="card mb-4">
<div class="card-body bg-primary text-light">
<p class="card-text mb-md-1">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta
consequatur amet harum voluptatem doloremque vitae tenetur, modi
doloribus animi accusantium voluptate molestiae optio omnis
dolor? Exercitationem quisquam omnis quo facere.
</p>
<p class="text-light m-md-0 m-lg-0">
Someone famous in Source Title
</p>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="bg-black py-3">
<p class="text-white text-center m-0">Copyright 2023 &copy; Glozzom</p>
</div>
<!-- jQuery library -->
<script
src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="ha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<!-- Latest Compiled Bootstrap 4.6 JavaScript -->
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"
></script>
</body>
</html>
contact.html 0 → 100644
+ 257
- 0
View file @ 9738f5ae
<!DOCTYPE html>
<html>
<head>
<title>Contact</title>
<meta charset="utf-8" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<!-- Latest compiled and minified Bootstrap 4.6 CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap.min.css"
integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N"
crossorigin="anonymous"
/>
<!-- CSS script -->
<link rel="stylesheet" href="style.css" />
<!-- Latest Font-Awesome CDN -->
<script
src="https://kit.fontawesome.com/3257d9ad29.js"
crossorigin="anonymous"
></script>
</head>
<body>
<header>
<nav class="navbar navbar-expand-sm navbar-dark bg-dark">
<a class="navbar-brand text-secondary" href="index.html">GLOZZOM</a>
<button
class="navbar-toggler d-lg-none border-0"
type="button"
data-toggle="collapse"
data-target="#collapsibleNavId"
aria-controls="collapsibleNavId"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="collapsibleNavId"
>
<ul class="navbar-nav mr-automt-2 mt-lg-0 text-uppercase">
<li class="nav-item">
<a class="nav-link pr-3" href="index.html"
>Home <span class="sr-only">(current)</span></a
>
</li>
<li class="nav-item">
<a class="nav-link y pr-3" href="about.html">about us</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="services.html">services</a>
</li>
<li class="nav-item">
<a class="nav-link pr-3" href="blog.html">blog</a>
</li>
<li class="nav-item active">
<a class="nav-link text-light" href="contact.html">contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class="container-fluid m-0 p-0">
<div class="paralax3">
<div class="parallax-content">
<h2 class="h2">Contact Us</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit.sed do
elusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
</div>
</div>
</div>
<!-- form -->
<div class="container">
<div class="row my-md-3">
<div class="col-12 col-md-4 m-0 p-0">
<div class="row m-3 m-md-0">
<div class="col-12 col-md-10 border">
<div class="mb-4">
<h3 class="my-3 h4 font-weight-normal">Get in Touch</h3>
Lorem ipsum dolor sit amet consectetur adipisicing elit.
<div class="my-2">
<h3 class="my-3 h4 font-weight-normal">Address</h3>
<address>550 Main st Boston MA</address>
</div>
</div>
<div class="mt-2">
<h3 class="h4 font-weight-normal">E-mail</h3>
<p>test@test.com</p>
</div>
<div class="mt-2">
<h3 class="h4 font-weight-normal">Phone</h3>
<p>(555)555-555</p>
</div>
</div>
</div>
</div>
<div class="col border m-3 my-md-3 mx-md-0">
<div class="my-3">
<h3 class="h3">Please fill out this form to contact us</h3>
<hr />
</div>
<div class="row">
<div class="col-12 col-lg-6">
<div class="form-group mb-md-0">
<label for="firstName"></label>
<input
type="text"
name="firstName"
id="firstName"
class="form-control rounded"
placeholder="First Name"
/>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group mb-md-0">
<label for="lastName"></label>
<input
type="text"
name="lastName"
id="lastName"
class="form-control rounded"
placeholder="Last Name"
/>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group mb-md-0">
<label for="email"></label>
<input
type="email"
name="email"
id="email"
class="form-control rounded"
placeholder="Email"
/>
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group mb-md-0">
<label for="phone"></label>
<input
type="tel"
name="phone"
id="phone"
class="form-control rounded"
placeholder="Phone Number"
/>
</div>
</div>
</div>
<div class="form-group">
<label for="message"></label>
<textarea
name="message"
id="message"
class="form-control m-md-0 p-md-0 rounded"
rows="4"
placeholder="Message"
></textarea>
</div>
<button
class="btn w-100 text-danger h-red border-danger mb-md-2 p-2-0 my-3"
>
Submit
</button>
</div>
</div>
</div>
<!-- persons -->
<div class="container-fluid bg-dark">
<div class="py-4">
<h3 class="text-light text-center">Our staff</h3>
</div>
<hr />
<div class="row">
<div class="col-12 col-md-3">
<div class="d-flex flex-column align-items-center">
<img
src="./images/person1.jpg"
class="rounded-circle img-fluid"
alt="picture of a blonde woman"
/>
<p class="h6 text-light text-center mt-3">Jane Doe</p>
<p class="text-light text-center">Marketing Manager</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="d-flex flex-column align-items-center">
<img
src="./images/person2.jpg"
class="rounded-circle img-fluid"
alt="picture of a blonde woman"
/>
<p class="h6 text-light text-center mt-3">Sarah Williams</p>
<p class="text-light text-center">Business Manager</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="d-flex flex-column align-items-center">
<img
src="./images/person3.jpg"
class="rounded-circle img-fluid"
alt="picture of a blonde woman"
/>
<p class="h6 text-light text-center mt-3">John Doe</p>
<p class="text-light text-center">CEO</p>
</div>
</div>
<div class="col-12 col-md-3">
<div class="d-flex flex-column align-items-center">
<img
src="./images/person4.jpg"
class="rounded-circle img-fluid"
alt="picture of a blonde woman"
/>
<p class="h6 text-light text-center mt-3">Steve Smith</p>
<p class="text-light text-center">Web Developer</p>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="bg-black py-3">
<p class="text-white text-center m-0">Copyright 2023 &copy; Glozzom</p>
</div>
<!-- jQuery library -->
<script
src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"
integrity="ha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<!-- Latest Compiled Bootstrap 4.6 JavaScript -->
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/js/bootstrap.min.js"
integrity="sha384-+sLIOodYLS7CIrQpBjl+C7nPvqq+FbNUBDunl/OZv93DB7Ln/533i8e/mZXLi/P+"
crossorigin="anonymous"
></script>
</body>
</html>
images/1.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/1.png

232 KB

images/2.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/2.png

332 KB

images/3.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/3.png

433 KB

images/4.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/4.png

256 KB

images/5.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/5.png

418 KB

images/6.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/6.png

442 KB

images/Colloseum.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/Colloseum.jpg

378 KB

images/Tokyo.webp 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/Tokyo.webp

202 KB

images/aboutus.jpeg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/aboutus.jpeg

49.3 KB

images/image1.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/image1.jpg

172 KB

images/image2.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/image2.jpg

210 KB

images/image3.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/image3.jpg

128 KB

images/laptop.png 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/laptop.png

1.61 MB

images/lights.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/lights.jpg

396 KB

images/media.jpg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/media.jpg

162 KB

images/new_york_348x232.jpeg 0 → 100644
+ 0
- 0
View file @ 9738f5ae
images/new_york_348x232.jpeg

27.5 KB

Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment