Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
MandarSankhe authored Apr 5, 2024
1 parent 0ef3f27 commit e127ce6
Show file tree
Hide file tree
Showing 3 changed files with 200 additions and 244 deletions.
131 changes: 131 additions & 0 deletions faqs.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,131 @@
//"use strict";
//$(document).ready(() => {
// // create an array of the slide images
// let imageCache = [];
// $("#slides img").each((index, img) => {
// const image = new Image();
// image.src = $(img).attr("src");
// image.title = $(img).attr("alt");
// imageCache[index] = image;
// });
// // start slide show
// let imageCounter = 0;
// setInterval(() => {
// $("#caption").fadeOut(1000);
// $("#slide").fadeOut(1000,
// () => {
// imageCounter = (imageCounter + 1) %
// imageCache.length;
// const nextImage = imageCache[imageCounter];
// $("#slide").attr("src",
// nextImage.src).fadeIn(1000);
// $("#caption").text(nextImage.title).fadeIn(1000);
// }); // end fadeOut() method
// },
// 3000); // end setInterval() method
//});

$(document).ready(() => {

//$("#image_list a").hover(
// evt => $(evt.currentTarget).stop(true).animate(
// { top: 15 }, "fast"),
// evt => $(evt.currentTarget).stop(true).animate(
// { top: 0 }, "fast")
//);

//$("#image_list a").hover(
// $("#image_list a").delay(2000).animate(
// { top: 15 }, "fast"),
//);

//$("#image_list a").delay(1000).animate(
// { top: 15 }, "fast");

let p = [];
for (i = 0; i < 100; i++) {


$("#image_list a").each(function (index) {
p[index] = index;
$(this).delay(index * 200).animate(
{ top: 15 }, "easeIn");
});

for (j = (p.length -1) ; j > 0; j--)
$("#image_list a").delay(p[j-4] * 200).animate({ top: 0 }, "easeOut")
}

});





//"use strict";
//$(document).ready(() => {
// let nextSlide = $("#slides img:first-child");
// // start slide show
// setInterval(() => {
// $("#caption").fadeOut(1000);
// $("#slide").fadeOut(1000,
// () => {
// if (nextSlide.next().length == 0) {
// nextSlide =
// $("#slides img:first-child");
// }
// else {
// nextSlide = nextSlide.next();
// }
// const nextSlideSource =
// nextSlide.attr("src");
// const nextCaption =
// nextSlide.attr("alt");
// $("#slide").attr("src",
// nextSlideSource).fadeIn(1000);
// $("#caption").text(
// nextCaption).fadeIn(1000);
// }); // end fadeOut() method
// },
// 3000); // end setInterval() method
//});




//"use strict";
//$(document).ready(() => {
// let nextSlide = $("#slides img:first-child");
// // the function for running the slide show
// const runSlideShow = () => {
// $("#caption").fadeOut(1000);
// $("#slide").fadeOut(1000,
// () => {
// if (nextSlide.next().length == 0) {
// nextSlide = $("#slides img:first-child");
// } else {
// nextSlide = nextSlide.next();
// }
// const nextSlideSource = nextSlide.attr("src");
// const nextCaption = nextSlide.attr("alt");
// $("#slide").attr("src",
// nextSlideSource).fadeIn(1000);
// $("#caption").text(nextCaption).fadeIn(1000);
// }
// ); // end fadeOut() method
// }; // end runSlideShow() arrow function
// // start slide show
// let timer1 = setInterval(runSlideShow, 3000);
// // starting and stopping the slide show
// $("#slide").click(() => {
// if (timer1 != null) {
// clearInterval(timer1); // stop
// timer1 = null;
// }
// else {
// runSlideShow(); // start immediately
// // change every 3 seconds
// timer1 = setInterval(runSlideShow, 3000);
// }
// });
//});
151 changes: 59 additions & 92 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,105 +1,72 @@
<!DOCTYPE html>
<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>Home</title>
<html>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<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">
<link rel="stylesheet" href="style.css">
<title>Bootstrap Example</title>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
<script src="main.js"></script>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Join Email List</title>
<link rel="stylesheet" href="style.css" />
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script>
<!-- link and style elements go here -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
</head>
<body>
<header>
<nav class="navbar">
<div class="container">
<img class="logo" src="images/Starbucks-Logo.png" alt="starbucksLogo" height="80">


<ul class="nav-menu">
<li>
<a href="#" class="active">
<i class="fas fa-home fa-lg" aria-hidden="true"></i>
<span>Home</span>
</a>
</li>
<li>
<a href="#">
<i class="fa-solid fa-tag fa-lg" aria-hidden="true"></i>
<span>Products</span>
</a>
</li>
<li>
<a href="#">
<i class="fa-solid fa-circle-info fa-lg" aria-hidden="true"></i>
<span>About</span>
</a>
</li>
<li>
<a href="#">
<i class="fa-solid fa-phone fa-lg" aria-hidden="true"></i>
<span>Contact Us</span>
</a>
</li>
</ul>
</div>
</nav>
<!-- header container ends here -->
</header>

<main>



<body>
<main>
<!--<h1>Fishing Slide Show</h1>
<h2 id="caption">Casting on the Upper Kings</h2>
<img id="slide" src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" alt="">
<div id="slides">
<img src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720.jpg"
alt="Casting on the Upper Kings">
<img src="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg"
alt="Casting on the Lower Kings">
<img src="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg"
alt="Catch and Release on the Big Horn">
<img src="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg"
alt="Catching on the South Fork">
<img src="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg"
alt="The Lures for Catching">
</div>-->

<div id="carouselExampleDark" class="carousel carousel-fade slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="0" class="active" aria-label="Slide 1" aria-current="true"></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="1" aria-label="Slide 2" class=""></button>
<button type="button" data-bs-target="#carouselExampleDark" data-bs-slide-to="2" aria-label="Slide 3" class=""></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://images6.alphacoders.com/592/592471.jpg" />
<div class="carousel-caption d-none d-md-block">
<h1>First slide label</h1>
<p>Some representative placeholder content for the first slide.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://wallpapers.com/images/featured/4k-painting-ze08s2umco2ikud6.jpg" />
<div class="carousel-caption d-none d-md-block">
<h1>Second slide label</h1>
<p>Some representative placeholder content for the second slide.</p>
</div>
</div>
<div class="carousel-item">
<img src="https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/c424bbb0-a0e6-4a95-b422-56f707c6e172/dgxjjgo-a25edd46-cb6d-4c0a-a25a-6ce211ced737.jpg/v1/fill/w_1280,h_431,q_75,strp/painting_landscape__concept_art__hd_wallpaper__by_gabimedia_dgxjjgo-fullview.jpg?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcL2M0MjRiYmIwLWEwZTYtNGE5NS1iNDIyLTU2ZjcwN2M2ZTE3MlwvZGd4ampnby1hMjVlZGQ0Ni1jYjZkLTRjMGEtYTI1YS02Y2UyMTFjZWQ3MzcuanBnIiwiaGVpZ2h0IjoiPD00MzEiLCJ3aWR0aCI6Ijw9MTI4MCJ9XV0sImF1ZCI6WyJ1cm46c2VydmljZTppbWFnZS53YXRlcm1hcmsiXSwid21rIjp7InBhdGgiOiJcL3dtXC9jNDI0YmJiMC1hMGU2LTRhOTUtYjQyMi01NmY3MDdjNmUxNzJcL2dhYmltZWRpYS00LnBuZyIsIm9wYWNpdHkiOjk1LCJwcm9wb3J0aW9ucyI6MC40NSwiZ3Jhdml0eSI6ImNlbnRlciJ9fQ.thqAJSknsTSn21CTxeoC_qMxQ7lSZB5N1ct4QhE7iOw" />
<div class="carousel-caption d-none d-md-block">
<h1>Third slide label</h1>
<p>Some representative placeholder content for the third slide.</p>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleDark" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>

<h1 id="startup_message">
Temporarily under construction!
</h1>

<ul id="image_list">
<li>
<a href="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" title="James Allison: 1-1">
<img src="https://cc-prod.scene7.com/is/image/CCProdAuthor/What-is-Stock-Photography_P1_mobile?$pjpeg$&jpegSize=200&wid=720" alt="">
</a>
</li>
<li>
<a href="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg" title="James Allison: 1-6">
<img src="https://cdn.theatlantic.com/media/mt/science/cat_caviar.jpg" alt="">
</a>
</li>
<li>
<a href="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg" title="James Allison: 1-6">
<img src="https://st3.depositphotos.com/3620775/17130/i/450/depositphotos_171303252-stock-photo-funny-cat-with-glasses-and.jpg" alt="">
</a>
</li>
<li>
<a href="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg" title="James Allison: 1-6">
<img src="https://thumbs.dreamstime.com/b/cat-sack-money-cat-holding-sack-money-white-background-121773138.jpg" alt="">
</a>
</li>
<li>
<a href="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg" title="James Allison: 1-6">
<img src="https://i.ytimg.com/vi/IzluNxh-8_o/maxresdefault.jpg" alt="">
</a>
</li>

</ul>
</main>
<script src="faqs.js"></script>
</body>


</main>
</body>
</html>
Loading

0 comments on commit e127ce6

Please sign in to comment.