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

Feature #132

Merged
merged 6 commits into from
Jul 17, 2024
Merged

Feature #132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
ec886b0
made a new contact page
Mehak-Mattoo Jul 17, 2024
78f6fe4
added contact links in every page
Mehak-Mattoo Jul 17, 2024
9a2be72
added custom scrollbar
Mehak-Mattoo Jul 17, 2024
b0d5338
necessary styling
Mehak-Mattoo Jul 17, 2024
a0cdd32
removed node modules
Mehak-Mattoo Jul 17, 2024
d6e8628
added env.example
Mehak-Mattoo Jul 17, 2024
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
1 change: 1 addition & 0 deletions .env.example
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
Your_API_Key=
1 change: 1 addition & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
.env
4 changes: 4 additions & 0 deletions Algorithm/Bubble.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<link rel="stylesheet" href="./bubbles.css">
<link rel="stylesheet" href="../style.css">
<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css">
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOMt23cez/3paNdF+ZL0LaFf6FYyUo13EFBZu/9m" crossorigin="anonymous">
Expand Down Expand Up @@ -84,6 +85,9 @@
<li class="nav-item">
<a class="nav-link" href="../index.html#About-Us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="../contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link log px-3" href="../login.html">Login</a>
</li>
Expand Down
772 changes: 528 additions & 244 deletions Algorithm/CombSort.html
View file
Open in desktop

Large diffs are not rendered by default.

780 changes: 536 additions & 244 deletions Algorithm/Heapsort.html
View file
Open in desktop

Large diffs are not rendered by default.

775 changes: 531 additions & 244 deletions Algorithm/Insertionsort.html
View file
Open in desktop

Large diffs are not rendered by default.

772 changes: 527 additions & 245 deletions Algorithm/Mergesort.html
View file
Open in desktop

Large diffs are not rendered by default.

775 changes: 530 additions & 245 deletions Algorithm/Quicksort.html
View file
Open in desktop

Large diffs are not rendered by default.

3 changes: 3 additions & 0 deletions Algorithm/Radixsort.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -52,6 +52,9 @@
<li class="nav-item">
<a class="nav-link" href="../index.html#About-Us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="../contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link log px-3" href="../login.html">Login</a>
</li>
Expand Down
772 changes: 528 additions & 244 deletions Algorithm/Selectionsort.html
View file
Open in desktop

Large diffs are not rendered by default.

10 changes: 5 additions & 5 deletions chatbot.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -359,10 +359,10 @@
}
</script>
<script>
var loader = document.getElementById("Loader");
window.addEventListener("load", function(){
loader.style.display = "none";
})
</script>
var loader = document.getElementById("Loader");
window.addEventListener("load", function () {
loader.style.display = "none";
});
</script>
</body>
</html>
245 changes: 245 additions & 0 deletions contact.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,245 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Contact Us</title>
<link rel="icon" href="images/fevicon.png" type="image/png" />

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
rel="stylesheet"
/>

<!-- Link to CSS -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css" />
<link
rel="stylesheet"
href="https://unpkg.com/[email protected]/swiper-bundle.min.css"
/>
<!-- font awesome cdn link -->
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css"
/>
<!-- custom css link -->
<script
src="https://kit.fontawesome.com/2815a7015d.js"
crossorigin="anonymous"
></script>

<link
href="https://fonts.googleapis.com/css?family=Muli:300,400,700,900"
rel="stylesheet"
/>
<!-- <link rel="stylesheet" href="fonts/icomoon/style.css"> -->

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-rbsA2VBKQBo1vBkn6MSmIM6GaeLDJTZf5g5c8IV1qAyyB4W5cZP4Z/et3ur3DqBs"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" />
<!-- Swiper's CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper/swiper-bundle.min.css"
/>

<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/jquery-ui.css" />
<link rel="stylesheet" href="css/owl.carousel.min.css" />
<link rel="stylesheet" href="css/owl.theme.default.min.css" />
<link rel="stylesheet" href="css/owl.theme.default.min.css" />

<link rel="stylesheet" href="css/jquery.fancybox.min.css" />

<link rel="stylesheet" href="css/bootstrap-datepicker.css" />

<link rel="stylesheet" href="fonts/flaticon/font/flaticon.css" />

<link rel="stylesheet" href="css/aos.css" />

<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="about.css" />
<link
href="https://api.fontshare.com/v2/css?f[]=satoshi@400,500,700&display=swap"
rel="stylesheet"
/>
<!-- Remix Icon -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css"
rel="stylesheet"
/>

<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"
/>

<script
defer
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</head>
<body>
<nav class="navbar navbar-expand-lg fixed-top bg-white">
<div class="container-fluid">
<div class="flex items-center">
<img src="images/fevicon.png" class="h-6 mr-2" alt="" /><a
class="navbar-brand"
style="font-weight: 900; color: rgb(219, 127, 219)"
href="#"
>Visual Sort</a
>
</div>
<button
class="navbar-toggler"
style="background-color: rgb(202, 111, 202); color: black"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div
class="collapse navbar-collapse justify-content-end"
id="navbarNav"
>
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="index.html#programs-section"
>Sorting Visualizers</a
>
</li>
<li class="nav-item dropdown">
<a
class="nav-link dropdown-toggle font-medium"
href="#program-section"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
Algorithms
</a>
<ul class="dropdown-menu">
<li>
<a class="dropdown-item" href="./Algorithm/Bubble.html"
>Bubble Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Selectionsort.html"
>Selection Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Insertionsort.html"
>Insertion Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/CombSort.html"
>Comb Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Mergesort.html"
>Merge Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Heapsort.html"
>Heap Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Quicksort.html"
>Quick Sort</a
>
</li>
<li>
<a class="dropdown-item" href="/counting.html"
>Counting Sort</a
>
</li>
<li>
<a class="dropdown-item" href="./Algorithm/Radixsort.html"
>Radix Sort</a
>
</li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#features-section"
>Features</a
>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#About-Us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="#">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link log px-3" href="login.html">Login</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="contact-container mt-5 mx-auto">
<h1 class="text-2xl md:text-4xl font-bold">Contact Us</h1>
<form>
<div class="input-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required />
</div>
<div class="input-group">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" required />
</div>
<div class="input-group">
<label for="message">Enter Your Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class="text-white rounded-md px-4 py-2">
Send Message
</button>
</form>
<div class="social-media">
<h2>Follow Us</h2>
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
<form>
<h5 class="mt-5">Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex gap-2 justify-content-center align-items-center">
<input
id="newsletter1"
type="text"
class="form-control w-full"
placeholder="Email address"
/>
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>
</body>
</html>
65 changes: 44 additions & 21 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -299,14 +299,7 @@
<li class="nav-item">
<a class="nav-link" style="font-weight: 500;" href="#algorithm-section">Sorting Visualizers</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link" style="font-weight: 600;" href="#algorithm-section">Sorting Visualizers</a>
</li> -->
<!-- <li class="nav-item dropdown">
<a class="nav-link" style="font-weight: 600;" href="./visual.html">
Sorting Visualizers
</a>
</li>-->

<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle font-medium" href="#program-section" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Algorithms
Expand All @@ -331,12 +324,13 @@
<li class="nav-item">
<a class="nav-link" style="font-weight: 500;" href="#About-Us">About Us</a>
</li>
<li class="nav-item ">
<a class="nav-link px-3" style="font-weight: 500;" href="contact.html">Contact</a>
</li>
<li class="nav-item ">
<a class="nav-link log px-3" href="login.html">Login</a>
</li>
<!-- <li class="nav-item">
<a class="nav-link log" style="font-weight: 600; background-color: rgb(219, 127, 219); border-radius: 0.4rem; margin-left: 0.7rem;" href="signup.html">Sign Up</a>
</li> -->


</ul>
</div>
Expand Down Expand Up @@ -1069,7 +1063,7 @@ <h2 class="accordion__question">Do I need any prior knowledge to use Visual Sort



<section class="contact-us" id="contact-us">
<!-- <section class="contact-us" id="contact-us">
<div id="contact" class="py-5">
<div class="container">
<div class="row">
Expand All @@ -1094,7 +1088,43 @@ <h1 class="sub-title">Contact Us</h1>
</div>
</div>
</div>
</section>
</section> -->



<div class="contact-container mt-5 mx-auto">
<h1 class="text-2xl md:text-4xl font-bold">Contact Us</h1>
<form>
<div class="input-group">
<label for="name">Your Name</label>
<input type="text" id="name" name="name" required>
</div>
<div class="input-group">
<label for="email">Your Email</label>
<input type="email" id="email" name="email" required>
</div>
<div class="input-group">
<label for="message">Enter Your Message</label>
<textarea id="message" name="message" rows="5" required></textarea>
</div>
<button type="submit" class=" text-white rounded-md px-4 py-2">Send Message</button>
</form>
<div class="social-media">
<h2>Follow Us</h2>
<a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
<a href="#" class="social-icon"><i class="fab fa-twitter"></i></a>
<a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
<a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
</div>
<form>
<h5 class="mt-5">Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex gap-2 justify-content-center align-items-center">
<input id="newsletter1" type="text" class="form-control w-full" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>
</div>



Expand All @@ -1103,14 +1133,7 @@ <h1 class="sub-title">Contact Us</h1>
<footer class="container py-4 py-md-5 px-4 px-md-3">
<div class="row d-flex justify-content-center align-items-center text-center">
<div class="col-md-6 mb-3">
<form>
<h5>Subscribe to our newsletter</h5>
<p>Monthly digest of what's new and exciting from us.</p>
<div class="d-flex gap-2 justify-content-center align-items-center">
<input id="newsletter1" type="text" class="form-control w-full" placeholder="Email address">
<button class="btn btn-primary" type="button">Subscribe</button>
</div>
</form>

</div>
</div>
<div class="row mt-5">
Expand Down
Loading
Loading