Skip to content

Commit

Permalink
testimonial updated
Browse files Browse the repository at this point in the history
  • Loading branch information
@hars-21
hars-21 committed Aug 9, 2024
1 parent 39f3122 commit 7a98c83
Show file tree
Hide file tree
Showing 9 changed files with 46 additions and 46 deletions.
2 changes: 1 addition & 1 deletion js/navbar.js → js/nav.footer.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const navbar = `
<a href="../pages/contributors.html"><i class="fas fa-users"></i>Contributors</a>
</li>
<li>
<a href="../pages/game.html"><i class="fas fa-gamepad"></i>Let's Go</a>
<a href="./pages/testimonials.html"><i class="fas fa-users"></i>Testimonials</a>
</li>
</ul>
Expand Down
2 changes: 1 addition & 1 deletion pages/FAQs.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@

<body>
<script src="/js/global.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>

<video autoplay muted class="video" loop id="myVideo" style="opacity: 0.95">
<source src="/assets/videos/1.mp4" type="video/mp4" />
Expand Down
2 changes: 1 addition & 1 deletion pages/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>


<div id="nav-placeholder"></div>
Expand Down
2 changes: 1 addition & 1 deletion pages/contributors.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>


<div id="nav-placeholder"></div>
Expand Down
2 changes: 1 addition & 1 deletion pages/howtoplay.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,7 +25,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>

<video autoplay muted class="video" loop id="myVideo">
<source src="/assets/videos/1.mp4" type="video/mp4" />
Expand Down
2 changes: 1 addition & 1 deletion pages/licensing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>


<video autoplay muted class="video" loop id="myVideo">
Expand Down
2 changes: 1 addition & 1 deletion pages/privacypolicy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>


<video autoplay muted class="video" loop id="myVideo">
Expand Down
2 changes: 1 addition & 1 deletion pages/termsofservice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/navbar.js"></script>
<script src="../js/nav.footer.js"></script>


<video autoplay muted class="video" loop id="myVideo">
Expand Down
76 changes: 38 additions & 38 deletions pages/testimonials.html
View file
Original file line number Diff line number Diff line change
@@ -1,46 +1,27 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testimonials - Dot-Box </title>
<link rel="shortcut icon" href="../assets/testimonial-Favi.png" type="image/x-icon">
<link rel="stylesheet" href="../styles/testimonials.css">
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<link rel="stylesheet" href="../styles/global.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
</head>
<body>
<nav class="navbarr" style="color: white">
<div class="logo">
<a href="../index.html">Dots & Boxes ⚄</a>
</div>

<ul class="nav-links" id="nav-links-toggled">
<li><a href="../index.html"><i class="fas fa-home">Home</i></a></li>
<li><a href="../pages/about.html"><i class="fas fa-info-circle"></i> AboutUs</a></li>
<li><a href="../pages/FAQs.html"><i class="fas fa-question-circle"></i> FAQs</a></li>
<li><a href="../pages/contributors.html"><i class="fas fa-users"></i> Contributors</a></li>

</ul>

<nav class="mobile-menu">
<div class="mobile-menu__trigger"><span></span></div>
<a class="page-scroll active-link" href="/index.html">Home </a>
<a class="page-scroll" href="/pages/about.html">About Us </a>
<a class="page-scroll" href="/pages/FAQs.html">FAQs</a>
<a class="page-scroll" href="/pages/contributors.html">Contributors</a>
</nav>
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>
<script src="../js/nav.footer.js"></script>

<!-- Js and CSS files for hamburger-menu -->
<link href="../styles/navbar.css" rel="stylesheet" />
<script type="text/javascript" src="../js/navbar.js"></script>
</nav>
<div id="nav-placeholder"></div>
<div class="testimonials-container">
<div class="testimonial-header">
<h1>What Players Say About Dot-Box?</h1>
<p>Discover what our passionate community of gamers has to say about Dot-Box, <br>From casual gamers to competitive strategists, players of all levels are raving about their experiences. </p>
<p>Discover what our passionate community of gamers has to say about Dot-Box, <br>From casual gamers to
competitive strategists, players of all levels are raving about their experiences. </p>
</div>
<div class="testimonials">
<!-- Testimonial Card 1 -->
Expand All @@ -51,7 +32,10 @@ <h1>What Players Say About Dot-Box?</h1>
<div class="testimonial-content">
<h3 class="testimonial-name">Jess K</h3>
<p class="testimonial-role">Gamer Enthusiast</p>
<p class="testimonial-text">"Dot-Box is an incredibly strategic game. The multiplayer aspect really makes it engaging and fun! I've played so many rounds with my friends, and each time it feels like a new experience. The simplicity of the game belies the complex decisions you need to make, and that's what makes it so rewarding. Every win feels well-earned!"
<p class="testimonial-text">"Dot-Box is an incredibly strategic game. The multiplayer aspect really
makes it engaging and fun! I've played so many rounds with my friends, and each time it feels
like a new experience. The simplicity of the game belies the complex decisions you need to make,
and that's what makes it so rewarding. Every win feels well-earned!"
</p>
<div class="rating">
<i class="fas fa-star"></i>
Expand All @@ -70,7 +54,10 @@ <h3 class="testimonial-name">Jess K</h3>
<div class="testimonial-content">
<h3 class="testimonial-name">Ryan L </h3>
<p class="testimonial-role">Competitive Player</p>
<p class="testimonial-text">"I've always been a fan of competitive games, and Dot-Box takes the cake! The fast-paced nature of the game combined with the need to think ahead makes every match an intense battle of wits. The game’s design is elegant and addictive, making it perfect for both short and long gaming sessions. Dot-Box is not just a game—it's a challenge!"</p>
<p class="testimonial-text">"I've always been a fan of competitive games, and Dot-Box takes the
cake! The fast-paced nature of the game combined with the need to think ahead makes every match
an intense battle of wits. The game’s design is elegant and addictive, making it perfect for
both short and long gaming sessions. Dot-Box is not just a game—it's a challenge!"</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
Expand All @@ -88,7 +75,10 @@ <h3 class="testimonial-name">Ryan L </h3>
<div class="testimonial-content">
<h3 class="testimonial-name">David Miller</h3>
<p class="testimonial-role">Puzzle Lover</p>
<p class="testimonial-text">"It's amazing how such a simple concept can provide endless hours of entertainment. I love how each game can turn on a single decision, making it crucial to stay sharp and think several moves ahead. It’s like chess, but faster and more accessible. A must-play for any strategy lover!"</p>
<p class="testimonial-text">"It's amazing how such a simple concept can provide endless hours of
entertainment. I love how each game can turn on a single decision, making it crucial to stay
sharp and think several moves ahead. It’s like chess, but faster and more accessible. A
must-play for any strategy lover!"</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
Expand All @@ -106,7 +96,9 @@ <h3 class="testimonial-name">David Miller</h3>
<div class="testimonial-content">
<h3 class="testimonial-name">Sophie M</h3>
<p class="testimonial-role">Esports Aspirant</p>
<p class="testimonial-text">"I’ve played countless multiplayer games, but few have the perfect blend of strategy and simplicity that Dot-Box offers. The thrill of outsmarting your friends and pulling off a victory from the brink of defeat is unmatched."</p>
<p class="testimonial-text">"I’ve played countless multiplayer games, but few have the perfect blend
of strategy and simplicity that Dot-Box offers. The thrill of outsmarting your friends and
pulling off a victory from the brink of defeat is unmatched."</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
Expand All @@ -124,7 +116,10 @@ <h3 class="testimonial-name">Sophie M</h3>
<div class="testimonial-content">
<h3 class="testimonial-name">Nilu Sona</h3>
<p class="testimonial-role">Game Enthusiast</p>
<p class="testimonial-text">"The game’s design is so clever that it constantly keeps you guessing and adapting. Whether you're setting traps for your opponent or trying to outmaneuver their tactics, there’s always a sense of accomplishment when your plan comes together. It’s one of those games that makes you think, 'Just one more round!' over and over again."</p>
<p class="testimonial-text">"The game’s design is so clever that it constantly keeps you guessing
and adapting. Whether you're setting traps for your opponent or trying to outmaneuver their
tactics, there’s always a sense of accomplishment when your plan comes together. It’s one of
those games that makes you think, 'Just one more round!' over and over again."</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
Expand All @@ -142,7 +137,10 @@ <h3 class="testimonial-name">Nilu Sona</h3>
<div class="testimonial-content">
<h3 class="testimonial-name">Jack C</h3>
<p class="testimonial-role">Board Game Buff</p>
<p class="testimonial-text">"As someone who loves exploring new games, Dot-Box has been a fantastic discovery. It's simple on the surface but offers layers of depth the more you play. The game’s pacing is perfect for both quick matches and longer sessions, making it versatile for different moods."</p>
<p class="testimonial-text">"As someone who loves exploring new games, Dot-Box has been a fantastic
discovery. It's simple on the surface but offers layers of depth the more you play. The game’s
pacing is perfect for both quick matches and longer sessions, making it versatile for different
moods."</p>
<div class="rating">
<i class="fas fa-star"></i>
<i class="fas fa-star"></i>
Expand All @@ -154,15 +152,16 @@ <h3 class="testimonial-name">Jack C</h3>
</div>
</div>
</div>
<div id="footer-placeholder"></div>

<!-- Add Font Awesome for the stars icons -->
<script src="https://kit.fontawesome.com/a076d05399.js" crossorigin="anonymous"></script>

<script>
// Adding scroll reveal animation
document.addEventListener('DOMContentLoaded', function() {
document.addEventListener('DOMContentLoaded', function () {
const testimonials = document.querySelector('.testimonials');
window.addEventListener('scroll', function() {
window.addEventListener('scroll', function () {
const revealPoint = 0;
const windowHeight = window.innerHeight;
const testimonialsTop = testimonials.getBoundingClientRect().top;
Expand All @@ -184,4 +183,5 @@ <h3 class="testimonial-name">Jack C</h3>
});
</script>
</body>
</html>

</html>

0 comments on commit 7a98c83

Please sign in to comment.