Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@MandarSankhe
MandarSankhe authored Apr 19, 2024
1 parent e127ce6 commit f07c0e7
Show file tree
Hide file tree
Showing 40 changed files with 3,065 additions and 58 deletions.
298 changes: 298 additions & 0 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,298 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css"
integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
/>
<link
href="https://getbootstrap.com/docs/5.3/assets/css/docs.css"
rel="stylesheet"
/>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<title>About</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script src="js/animations.js"></script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<header>
<nav class="navbar">
<div class="menucontainer">
<a href="index.html"
><img
class="logo"
src="images/Logo.jpg"
alt="ArtGalleryLogo"
height="90"
/></a>

<ul class="nav-menu">
<li>
<a href="index.html">
<i class="fas fa-home fa-lg" aria-hidden="true"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="gallery.html">
<i class="fa-solid fa-tag fa-lg" aria-hidden="true"></i>
<span>Gallery</span>
</a>
</li>
<li>
<a href="#" class="active">
<i class="fa-solid fa-circle-info fa-lg" aria-hidden="true"></i>
<span>About</span>
</a>
</li>
<li>
<a href="contact.html">
<i class="fa-solid fa-phone fa-lg" aria-hidden="true"></i>
<span>Contact Us</span>
</a>
</li>
<li>
<a href="admin.html">
<i class="fa-solid fa-phone fa-lg" aria-hidden="true"></i>
<span>Admin</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- header container ends here -->
</header>
<section id="about">
<div class="banner-section">
<h2>About</h2>
</div>
</section>

<br />
<br />
<div>
<center>
<h1 data-aos="fade-down" class="subheadingtext">
Our Esteemed Sponsors
</h1>
<h1 data-aos="fade-down" class="headingtext">Who Make it Possible</h1>
</center>

<!-- Slider -->
<section class="bg-light p-md-2 p-0 vh-100">
<div class="container position-relative">
<!-- Cards Wrap -->
<div
data-aos="zoom-in"
class="slider d-flex align-items-center justify-content-start overflow-hidden position-relative"
>
<div
class="slider-wrap d-flex align-items-center position-absolute"
>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img
src="https://peelyork.bigbrothersbigsisters.ca/wp-content/uploads/sites/160/2017/10/Tim-hortons-logo.jpg"
alt="slide"
width="100%"
/>
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
Tim Hortons
</p>
</div>
</a>
</div>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img src="images/sponsor2.png" alt="slide" width="100%" />
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
Freedom Mobile
</p>
</div>
</a>
</div>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img src="images/sponsor3.png" alt="slide" width="100%" />
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
Petro Canada
</p>
</div>
</a>
</div>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img src="images/sponsor4.png" alt="slide" width="100%" />
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
Cineplex Media
</p>
</div>
</a>
</div>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img src="images/sponsor5.png" alt="slide" width="100%" />
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
Air Canada
</p>
</div>
</a>
</div>
<div
class="slide-card position-relative bg-white overflow-hidden shadow-sm mx-2"
>
<a href="#" class="text-decoration-none">
<img src="images/sponsor6.png" alt="slide" width="100%" />
<div class="p-3">
<p class="text-dark my-2 fs-5 fw-semibold text-center">
LobLaws
</p>
</div>
</a>
</div>
</div>
</div>
<!-- Slider Arrows -->
<!-- Left Arrow -->
<a href="#" class="text-dark" id="previous-arrow">
<div
class="arrow bg-white d-flex align-items-center justify-content-center shadow-lg border rounded-circle position-absolute bottom-50 start-0"
>
<i class="fa fa-angle-left" aria-hidden="true"></i>
</div>
</a>
<!-- Right Arrow -->
<a href="#" class="text-dark" id="next-arrow">
<div
class="arrow bg-white d-flex align-items-center justify-content-center shadow-lg border rounded-circle position-absolute bottom-50 end-0"
>
<i class="fa fa-angle-right" aria-hidden="true"></i>
</div>
</a>
</div>
</section>
</div>

<div class="mobilemenu">
<a href="index.html" style="text-decoration: none">
<div class="col-sm-2">
<span>Home</span>
</div>
</a>
<a href="gallery.html" style="text-decoration: none">
<div class="col-sm-2">
<span>Gallery</span>
</div>
</a>
<a href="#" class="active" style="text-decoration: none">
<div class="col-sm-2">
<span>About</span>
</div>
</a>
<a href="contact.html" style="text-decoration: none">
<div class="col-sm-2">
<span>Contact Us</span>
</div>
</a>
<a href="admin.html" style="text-decoration: none">
<div class="col-sm-2">
<span>Admin</span>
</div>
</a>
</div>

<footer>
<div class="container">
<div class="footer-sections">
<div class="column-4">
<div class="footer-nav">
<h4>Links</h4>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div class="column-4">
<div class="social-links">
<h4>Follow Us</h4>
<a href="https://www.facebook.com/">
<img src="images/facebook-square.svg" alt="FB" height="40" />
</a>
<a href="https://twitter.com/i/flow/login">
<img
src="images/square-x-twitter.svg"
alt="Twitter"
height="40"
/>
</a>
<a href="https://www.instagram.com/">
<img src="images/instagram.svg" alt="Insta" height="40" />
</a>
</div>
</div>
<div class="column-4">
<div class="Contact Us">
<p>
<strong>Hours </strong><br />Tuesday-Friday: 7am-8:30pm<br />Saturday:
6am-5pm<br />Sunday: 6am-5pm
</p>
<p>Monday: <strong>CLOSED</strong></p>
<p>1076 King Street West<br />Toronto, Ontario<br />M5E 8Y5</p>
<p>
<strong>Phone</strong>:
<a href="tel:+16473637662"> 647-363-8549</a>
</p>
</div>
</div>
<div class="column-4">
<div class="map">
<h4>Find us here</h4>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d23091.415734739985!2d-79.42023590111478!3d43.660089247862054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x882b35c2d8e22427%3A0x474ce2b07f43148!2sFENTSTER%20Gallery!5e0!3m2!1sen!2sca!4v1713321301420!5m2!1sen!2sca"
width="100%"
height="250"
style="border: 0"
allowfullscreen=""
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
></iframe>
</div>
</div>
</div>
</div>
</footer>

<script src="js/contact.js"></script>
</body>
</html>
Loading

0 comments on commit f07c0e7

Please sign in to comment.