Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

adding my project #7

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

adding my project #7

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 48 additions & 0 deletions css/mdb.min.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions css/mdb.min.css.map
View file
Open in desktop

Large diffs are not rendered by default.

18 changes: 18 additions & 0 deletions css/mdb.rtl.min.css
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions css/mdb.rtl.min.css.map
View file
Open in desktop

Large diffs are not rendered by default.

260 changes: 260 additions & 0 deletions index.html.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,260 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<title>Material Design for Bootstrap</title>
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" />
<!-- MDB -->
<link rel="stylesheet" href="css/mdb.min.css" />
<!-- Custom styles -->
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<!--Main Navigation-->
<header>
<style>
#intro {
background-image: url("https://i.pinimg.com/736x/08/40/b6/0840b6bf4331f9ef58718b64514ac61f--cute-husky-puppies-husky-pups.jpg");
height: 110vh;

}

/* Height for devices larger than 576px */
@media (min-width: 992px) {
#intro {
margin-top: -58.59px;
}
}

.navbar .nav-link {
color: #fff !important;
}
</style>

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark d-none d-lg-block" style="z-index: 2000;">
<div class="container-fluid">
<!-- Navbar brand -->
<a class="navbar-brand nav-link" target="_blank" href="https://youtu.be/WEkiPG-Wrw8">
<strong>Husky Love</strong>
</a>
<button class="navbar-toggler" type="button" data-mdb-toggle="collapse" data-mdb-target="#navbarExample01"
aria-controls="navbarExample01" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarExample01">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item active">
<a class="nav-link" aria-current="page" href="#intro">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://youtu.be/WEkiPG-Wrw8" rel="nofollow"
target="_blank">Learn About Huskies</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#register">Sign up for meeting locations</a>
</li>
</ul>

<ul class="navbar-nav d-flex flex-row">
<!-- Icons -->
<li class="nav-item me-3 me-lg-0">
<a class="nav-link" href="https://www.youtube.com/@GohanTheHusky" rel="nofollow"
target="_blank">
<i class="fab fa-youtube"></i>
</a>
</li>
<li class="nav-item me-3 me-lg-0">
<a class="nav-link" href="https://www.facebook.com/groups/huskyloversandowners/" rel="nofollow" target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="nav-item me-3 me-lg-0">
<a class="nav-link" href="https://twitter.com/hihuskylovers?lang=en" rel="nofollow" target="_blank">
<i class="fab fa-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Navbar -->

<!-- Background image -->
<div id="intro" class="bg-image shadow-2-strong">
<div class="mask" style="background-color: rgba(0, 0, 0, 0.8);">
<div class="container d-flex align-items-center justify-content-center text-center h-100">
<div class="text-white">
<h1 class="mb-3">Come Join Our Husky Community</h1>
<h5 class="mb-4">Learn about the Husky dogs and socialize with people that love the breed</h5>
<a class="btn btn-outline-light btn-lg m-2" href="https://youtu.be/8JTHnwhc-VY" role="button"
rel="nofollow" target="_blank">Husky tutorial</a>
<a class="btn btn-outline-light btn-lg m-2" href="https://www.vet-ebooks.com/siberian-huskies-for-dummies-2nd-edition/" target="_blank"
role="button">Download Husky E-book</a>
</div>
</div>
</div>
</div>
<!-- Background image -->
</header>
<!--Main Navigation-->

<!--Main layout-->
<main class="mt-5">
<div class="container">
<!--Section: Content-->
<section>
<div class="row">
<div class="col-md-6 gx-5 mb-4">
<div class="bg-image hover-overlay ripple shadow-2-strong" data-mdb-ripple-color="light">
<img src="https://brewminate.com/wp-content/uploads/2016/12/Huskies04.jpg" class="img-fluid" />
<a href="#!">
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
</a>
</div>
</div>

<div class="col-md-6 gx-5 mb-4">
<h4><strong>Who are we?</strong></h4>
<p class="text-muted">
We are just a group of people that come together to do activities with our Huskies. We often visit
parks, cafes, among other activities. Our dog are very socialble, we should be too.
</p>
<h4><strong>Come join us</strong></h4>
<p class="text-muted">
Just got a husky pup? we know you fell in love with that beautyfull wolf like dog. But they come with their
challenges. Come join us to socialize that pup and learn everything about you new life time buddy.
</p>
</div>
</div>
</section>
<!--Section: Content-->

<hr class="my-5" />

<!--Section: Content-->
<section class="text-center">
<h4 class="mb-5"><strong>Favorite Places To Visit</strong></h4>

<div class="row">
<div class="col-lg-4 col-md-12 mb-4">
<div class="card">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="https://patch.com/img/cdn/users/67813/2011/06/raw/e426152a7f1585b7abf47c63249a1956.jpg" target="_blank" class="img-fluid" />
<a href="https://youtu.be/QGo3tnz6hwc">
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title">Shirlington Dog Park</h5>
<p class="card-text">
Shirlington Dog Park is one of the best in Arlington, Virginia. This park is sure to delight your four-legged friend. Two areas, one for large and one for small dogs, are available so that your pup has friends of his or her own size. The park is quite large, and is best for busy dogs that like to run.
</p>
<a href="https://goo.gl/maps/DC451ZfaTwe6fese6" class="btn btn-primary" target="_blank">Fetch Map!</a>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="https://lh5.googleusercontent.com/p/AF1QipNfiXSuqrJTqrxPlbvd46Zc8esWO3PcCScDks-J=w408-h408-k-no" class="img-fluid" />
<a href="https://youtu.be/9nb20E1bNXI" target="_blank">
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title">PETA'S Bea Arthur Dog Park, Norfolk, Va</h5>
<p class="card-text">
The Bea Arthur dog park is a one-acre park next to PETA headquarters in Norfolk, Virginia. Facilities include a swimming ramp, plants, trees, and a pergola for shade, as well as a toy bin, water station, and shaded picnic area. In addition, the constant live stream on the PETA website means you can always check up on how your favorite pet is getting along.
<a href="https://goo.gl/maps/6i1rJ6iay8r6ij3S8" class="btn btn-primary" target="_blank">Fetch Map!</a>
</div>
</div>
</div>

<div class="col-lg-4 col-md-6 mb-4">
<div class="card">
<div class="bg-image hover-overlay ripple" data-mdb-ripple-color="light">
<img src="https://assets.wagwalkingweb.com/static/webpack-assets/img/wagcontent/lifestyle_articles/static/lifestyle_articles/img/parks/park3-8373bd077f1219b97abc00e0c7b5e455.jpg" class="img-fluid" target="_blank" />
<a href="https://youtu.be/3_dAPnkgdNA" target="_blank">
<div class="mask" style="background-color: rgba(251, 251, 251, 0.15);"></div>
</a>
</div>
<div class="card-body">
<h5 class="card-title">Card title</h5>
<p class="card-text">
The Duke Street Dog Park provides a large, fenced-in area for dogs to run off-leash surrounded by a nice wooded area. While other dog parks exist in Alexandria, Virginia, many locals seem to prefer Duke Street for its extra space
</p>
<a href="https://goo.gl/maps/sArQDHxUjPJn75is8" target="_blank" class="btn btn-primary">Fetch Map!</a>
</div>
</div>
</div>
</div>
</section>
<!--Section: Content-->

<hr class="my-5" />

<!--Section: Content-->
<section class="mb-5">
<h4 class="mb-5 text-center"><strong>Subscribe to our newsletter</strong></h4>

<div class="row d-flex justify-content-center">
<div class="col-md-6">
<form>

<!-- Checkbox -->
<div class="form-check d-flex justify-content-center mb-4">

<!-- Submit button -->
<a href="https://mailchi.mp/bbd788007175/husky-club" target="_blank" class="btn btn-primary">Sign up
</a>
</form>
</div>
</div>
</section>
<!--Section: Content-->
</div>
</main>
<!--Main layout-->

<!--Footer-->
<footer id="register" class="bg-light text-lg-start">

<hr class="m-0" />

<div class="text-center py-4 align-items-center">
<p>Follow us on social media</p>
<a href="https://youtu.be/WEkiPG-Wrw8" class="btn btn-primary m-1" role="button"
rel="nofollow" target="_blank">
<i class="fab fa-youtube"></i>
</a>
<a href="https://www.facebook.com/groups/huskyloversandowners/" class="btn btn-primary m-1" role="button" rel="nofollow"
target="_blank">
<i class="fab fa-facebook-f"></i>
</a>
<a href="https://twitter.com/hihuskylovers?lang=en" class="btn btn-primary m-1" role="button" rel="nofollow"
target="_blank">
<i class="fab fa-twitter"></i>
</a>
</div>

<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
© 2023 Copyright:
<a class="text-dark" href="https://zerotomastery.io/">Learning To Code</a>
</div>
<!-- Copyright -->
</footer>
<!--Footer-->
<!-- MDB -->
<script type="text/javascript" src="js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
20 changes: 20 additions & 0 deletions js/mdb.min.js
View file
Open in desktop

Large diffs are not rendered by default.

1 change: 1 addition & 0 deletions js/mdb.min.js.map
View file
Open in desktop

Large diffs are not rendered by default.