Skip to content

Commit

Permalink
Merge pull request #735 from hars-21/footer
Browse files Browse the repository at this point in the history 
Footer Pages Updated
  • Loading branch information
@ayush-t02
ayush-t02 authored Aug 8, 2024
2 parents 4d9f4e1 + 4c9ca6e commit 8c2313a
Show file tree
Hide file tree
Showing 7 changed files with 128 additions and 309 deletions.
127 changes: 71 additions & 56 deletions pages/howtoplay.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,68 +17,78 @@
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<link rel="stylesheet" href="../styles/mainstyle.css" />
<link rel="stylesheet" href="/styles/global.css" />
<link rel="stylesheet" href="../styles/howtoplay.css" />
<link rel="shortcut icon" href="https://freepngimg.com/download/symbol/88562-space-purple-symbol-question-mark-threedimensional.png" type="image/x-icon">

<!-- Logo of the game -->
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
</head>

<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>

<video autoplay muted class="video" loop id="myVideo">
<source src="/assets/videos/1.mp4" type="video/mp4" />
</video>

<div class="center">
<div class="video-container">
<video
style="object-fit: cover"
autoplay
muted
class="video"
loop
id="myVideo"
>
<source src="../assets/videos/default.mp4" type="video/mp4" />
</video>
</div>
<div class="whole-background">
<nav class="navbarr" style="color: white">
<div class="logo">
<a href="../index.html">Dots & Boxes ⚄</a>
</div>
<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"></i>Home</a></li>
<li><a href="../pages/about.html"><i class="fas fa-info-circle"></i>About Us</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>
<button class="start">
<a href="../pages/game.html"><i class="fas fa-gamepad"></i>Let's Go</a>
</button>
</ul>
<!-- <button class="navbar-toggler" id="navbar-toggler" type="button" onclick="toggleNavBar()">
<ul class="nav-links" id="nav-links-toggled">
<li>
<a href="../index.html"><i class="fas fa-home"></i>Home</a>
</li>
<li>
<a href="../pages/about.html"
><i class="fas fa-info-circle"></i>About Us</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>
<button class="start">
<a href="../pages/game.html"
><i class="fas fa-gamepad"></i>Let's Go</a
>
</button>
</ul>
<!-- <button class="navbar-toggler" id="navbar-toggler" type="button" onclick="toggleNavBar()">
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
<span class="toggler-icon"></span>
</button> -->

<!-- Hamburger Menu -->
<!-- Hamburger Menu -->

<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="./about.html">About Us </a>
<a class="page-scroll" href="./FAQs.html">FAQs</a>
<a class="page-scroll" href="./contributors.html">Contributors</a>
</nav>

<!-- Js and CSS files for hamburger-menu -->
<link href="../styles/navbar.css" rel="stylesheet" />
<script type="text/javascript" src="../js/navbar.js"></script>
<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="./about.html">About Us </a>
<a class="page-scroll" href="./FAQs.html">FAQs</a>
<a class="page-scroll" href="./contributors.html">Contributors</a>
</nav>
</div>

<!-- 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 class="instructions-container">
<h1 class="heading">▂ ▄ ▅ ▆ ▇ █ MAXIMISE BOXES!! █ ▇ ▆ ▅ ▄ ▂</h1>
<h1 class="heading2">How to Play? ⚔️</h1>
Expand Down Expand Up @@ -138,14 +148,18 @@ <h1 class="heading2">How to Play? ⚔️</h1>
</div>
</li>

<h1 class="heading" style="text-decoration: underline">Here is a demo:</h1>
<h1 class="heading" style="text-decoration: underline">
Here is a demo:
</h1>
<h2 class="tut-head">Tutorial Video</h2>
<div class="tutorial-video">
<video controls paused>
<source src="../assets/videos/DotBox Tutorial new.mp4" />
</video>
</div>
<p class="video-caption">Watch this tutorial to learn how to play Dots & Boxes effectively!</p>
<div class="tutorial-video">
<video controls paused>
<source src="../assets/videos/DotBox Tutorial new.mp4" />
</video>
</div>
<p class="video-caption">
Watch this tutorial to learn how to play Dots & Boxes effectively!
</p>
<li>
<strong>Scoring: 🏆</strong><br />
- Each completed box is worth one point.<br />
Expand All @@ -154,7 +168,7 @@ <h2 class="tut-head">Tutorial Video</h2>
- In case of a tie, the player who completed the last box wins.<br />
- Optionally, a tie can be broken by the number of consecutive boxes
completed.
</li>
</li>
<li>
<strong>Strategies: 🧠</strong><br />
- Try to force your opponent into a position where they have to give
Expand All @@ -172,10 +186,11 @@ <h2 class="tut-head">Tutorial Video</h2>
them from completing boxes whenever possible.
</li>
</ol>

<button class="home">
<a href="../index.html"> Go Home <span>🏡</span></a>
</button>
<center>
<button class="back-button">
<a href="../index.html" class="back-button">Back to Home</a>
</button>
</center>
<script
src="//code.tidio.co/fdylvmddtyb7vzsk5frdt3ncrk6cwobs.js"
async
Expand Down
24 changes: 9 additions & 15 deletions pages/licensing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,28 +6,22 @@
<title>Licensing - Chrome Gaming</title>
<link rel="stylesheet" href="../styles/mainstyle.css" />
<link rel="stylesheet" href="/styles/global.css" />
<link rel="stylesheet" href="../styles/licensing.css" />
<link rel="shortcut icon" href="https://cdn-icons-png.flaticon.com/512/1728/1728543.png" type="image/x-icon">
<link rel="stylesheet" href="../styles/pages.footer.css" />

<!-- Logo of the game -->
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
</head>

<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>

<div class="center">
<div class="video-container">
<video
style="object-fit: cover"
autoplay
muted
class="video"
loop
id="myVideo"
>
<source src="../assets/videos/default.mp4" type="video/mp4" />
</video>
</div>
<video autoplay muted class="video" loop id="myVideo">
<source src="/assets/videos/1.mp4" type="video/mp4" />
</video>

<div class="center">
<div class="container" id="licensing-container">
<header class="header">
<h1 class="title" id="licensing-title">Licensing</h1>
Expand Down
28 changes: 12 additions & 16 deletions pages/privacypolicy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,27 +6,21 @@
<title>Privacy Policy - Dot Box</title>
<link rel="stylesheet" href="../styles/mainstyle.css" />
<link rel="stylesheet" href="/styles/global.css" />
<link rel="stylesheet" href="../styles/termsofservice.css" />
<link rel="shortcut icon" href="https://cdn-icons-png.flaticon.com/512/8336/8336688.png" type="image/x-icon" />
<link rel="stylesheet" href="../styles/pages.footer.css" />

<!-- Logo of the game -->
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
</head>
<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>

<div class="center">
<div class="video-container">
<video
style="object-fit: cover"
autoplay
muted
class="video"
loop
id="myVideo"
>
<source src="../assets/videos/default.mp4" type="video/mp4" />
</video>
</div>
<video autoplay muted class="video" loop id="myVideo">
<source src="/assets/videos/1.mp4" type="video/mp4" />
</video>

<div class="center">
<div class="container" id="privacy-policy-container">
<header class="header">
<h1 class="title" id="privacy-policy-title">Privacy Policy</h1>
Expand Down Expand Up @@ -141,7 +135,9 @@ <h2 class="section-title">Contact Us</h2>
contact us:
</p>

<p class="list-item">By email: [email protected]</p>
<p class="list-item">
By email: <a href="mailto:[email protected]">[email protected]</a>
</p>
</section>
</main>
<center>
Expand Down
27 changes: 11 additions & 16 deletions pages/termsofservice.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,28 +6,22 @@
<title>Terms Of Service - Dot Box</title>
<link rel="stylesheet" href="../styles/mainstyle.css" />
<link rel="stylesheet" href="/styles/global.css" />
<link rel="stylesheet" href="../styles/termsofservice.css" />
<link rel="shortcut icon" href="https://cdn-icons-png.flaticon.com/512/2234/2234821.png" type="image/x-icon" />
<link rel="stylesheet" href="../styles/pages.footer.css" />

<!-- Logo of the game -->
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/assets/favicon.ico" type="image/x-icon" />
</head>

<body>
<script src="/js/global.js"></script>
<script src="/js/scrollToTop.js"></script>

<div class="center">
<div class="video-container">
<video
style="object-fit: cover"
autoplay
muted
class="video"
loop
id="myVideo"
>
<source src="../assets/videos/default.mp4" type="video/mp4" />
</video>
</div>
<video autoplay muted class="video" loop id="myVideo">
<source src="/assets/videos/1.mp4" type="video/mp4" />
</video>

<div class="center">
<div class="container" id="terms-conditions-container">
<header class="header">
<h1 class="title" id="terms-conditions-title">Terms Of Services</h1>
Expand Down Expand Up @@ -103,7 +97,8 @@ <h2 class="section-title">Changes to These Terms</h2>
<h2 class="section-title">Contact Information</h2>
<p class="section-content">
If you have any questions about these Terms and Conditions, please
contact us at [email protected].
contact us at:
<a href="mailto:[email protected]">[email protected]</a>
</p>
</section>
</main>
Expand Down
Loading

0 comments on commit 8c2313a

Please sign in to comment.