Skip to content

Commit

Permalink
Merge branch 'main' into main
Browse files Browse the repository at this point in the history
  • Loading branch information
@sau-mili
sau-mili authored Jul 27, 2024
2 parents cbca49c + 0ad768b commit 9b87533
Show file tree
Hide file tree
Showing 8 changed files with 615 additions and 955 deletions.
10 changes: 5 additions & 5 deletions about us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -184,11 +184,11 @@

</a>
<ul>
<li><i class="fa-solid fa-house"></i><a class="nav-link" href="index.html">Home</a></li>
<li><i class="fa-solid fa-address-card"></i><a class="nav-link" href="about us.html">About</a></li>
<li><i class="fa-solid fa-screwdriver-wrench"></i><a class="nav-link" href="index.html#services">Services</a></li>
<li><i class="fa-solid fa-pen-to-square"></i><a class="nav-link" href="index.html#testimonials">Reviews</a></li>
<li><i class="fa-solid fa-address-book"></i><a class="nav-link" href="contact us.html">Contact</a></li>
<li><i class="fa-solid fa-house"></i><a href="index.html">Home</a></li>
<li><i class="fa-solid fa-address-card"></i><a href="about us.html">About</a></li>
<li><i class="fa-solid fa-screwdriver-wrench"></i><a href="index.html#services">Services</a></li>
<li><i class="fa-solid fa-pen-to-square"></i><a href="index.html#testimonials">Reviews</a></li>
<li><i class="fa-solid fa-address-book"></i><a href="contact us.html">Contact</a></li>
<li><i class="fa-solid fa-right-to-bracket"></i><a href="login.html">Login/Register</a></li>
</ul>

Expand Down
5 changes: 2 additions & 3 deletions css/member.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -290,9 +290,8 @@ section{
font-weight: 100;
padding:0px 5px;
cursor:text;
top:0;
left:0;
position:absolute;
margin-left: 0;
display: flex;
}


Expand Down
129 changes: 127 additions & 2 deletions feedback.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -137,7 +137,7 @@ body.dark-mode .feedback-wrapper {

body.dark-mode .rating-container button {
color: #555555;
/* background-color: #888; */
background-color: #888;
border: 1px solid #888;
}

Expand Down Expand Up @@ -165,4 +165,129 @@ body.dark-mode .feedback-wrapper {

body.dark-mode .popup-button:hover {
background-color: #ffc300;
}
}
/* Dark Mode Styles */
body.dark-mode {
background: linear-gradient(rgb(39, 39, 41), rgba(74, 74, 87, 0.979));
color: #f0f0f0;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .h1,
body.dark-mode .h2,
body.dark-mode .h3,
body.dark-mode .h4,
body.dark-mode .h5,
body.dark-mode .h6 {
color: #e0e0e0;
}

body.dark-mode a,
body.dark-mode a:hover {
color: #1abc9c;
}

body.dark-mode .content {
background: linear-gradient(rgb(39, 39, 41), rgba(74, 74, 87, 0.979));
}

body.dark-mode .form-control {
border-bottom: 1px solid #4c5c68;
color: #f0f0f0;
background: none;
}

body.dark-mode .form-control:active,
body.dark-mode .form-control:focus {
border-color: #1abc9c;
color: #f0f0f0;
background: none;
}

body.dark-mode .btn {
background-color: #1abc9c;
color: #ffffff;
}

body.dark-mode .btn:hover {
background-color: #16a085;
}

body.dark-mode .rate-us {
color: #f0f0f0 !important;
}

body.dark-mode .rating-container button {
color: #f0f0f0;
}

body.dark-mode .rating-container button.filled {
color: #f39c12;
}

body.dark-mode .popup {
background-color: rgba(0, 0, 0, 0.8);
}

body.dark-mode .popup-content {
background: linear-gradient(to bottom, #34495e, #2c3e50);
color: #f0f0f0;
}

body.dark-mode .popup-content h2 {
color: #e74c3c;
}

body.dark-mode .popup-content p {
color: #ecf0f1;
}

body.dark-mode .popup-button {
background-color: #1abc9c;
color: #ffffff;
}

body.dark-mode .popup-button:hover {
background-color: #16a085;
}

body.dark-mode .back-button {
color: #1abc9c;
}

body.dark-mode .back-button:hover {
color: #16a085;
}

body.dark-mode .text-orange {
color: #e67e22;
}

body.dark-mode .text-orange-l {
color: #d35400;
}

body.dark-mode .toggle-button .light-mode-icon {
display: none;
}

body.dark-mode .toggle-button .dark-mode-icon {
display: block;
}
theme-switch .light-mode-icon {
color: #f39c12;
}

.theme-switch .light-mode-icon, .theme-switch .dark-mode-icon {
font-size: 19px;
position: absolute;
cursor: pointer;
top: 50%;
transform: translateY(-50%);
transition: opacity 0.5s ease, color 0.5s ease;
}
Binary file added images/faq.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
30 changes: 19 additions & 11 deletions member.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,8 @@
/>

<link rel="stylesheet" href="css/member.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<style>
/* Back to Top Button */
Expand Down Expand Up @@ -475,7 +477,7 @@ <h1>Become a Member</h1>
</script>

<main>
<section class="introduction" id="introduction">
<section class="introduction" id="introduction" data-aos="fade-up">
<h2>Introduction</h2>
<p>
Welcome! We are excited that you're interested in becoming a member of
Expand All @@ -484,7 +486,7 @@ <h2>Introduction</h2>
</p>
</section>

<section class="benefits" id="benefits">
<section class="benefits" id="benefits" data-aos="fade-up" data-aos-delay="100">
<h2>Benefits of Membership</h2>
<ul>
<li>Access to exclusive projects and resources</li>
Expand All @@ -495,22 +497,22 @@ <h2>Benefits of Membership</h2>
</ul>
</section>

<section class="steps" id="steps">
<section class="steps" id="steps" data-aos="fade-up" data-aos-delay="100">
<h2 class="h2">Steps to Join</h2>
<div class="steplist">
<div class="step-item">
<div class="step-item" data-aos="zoom-in" data-aos-delay="250">
<img src="images/contact-form.png" alt="Fill out form">
<p>Fill out the membership application form below.</p>
</div>
<div class="step-item">
<div class="step-item" data-aos="zoom-in" data-aos-delay="400">
<img src="images/stopwatch.png" alt="Submit form">
<p>Submit your form and wait for a confirmation email.</p>
</div>
<div class="step-item">
<div class="step-item" data-aos="zoom-in" data-aos-delay="550">
<img src="images/registration.png" alt="Complete registration">
<p>Follow the instructions in the email to complete your membership registration.</p>
</div>
<div class="step-item">
<div class="step-item" data-aos="zoom-in" data-aos-delay="800">
<img src="images/team.png" alt="Participate in projects">
<p>Start participating in our projects and community events.</p>
</div>
Expand Down Expand Up @@ -546,14 +548,14 @@ <h2>Contact Us</h2>
</section> -->


<div class="contact-header">
<section class="contact1" id="contact" style="">
<div style="padding-right: 0px; margin-right: 0px; margin-left: 50px;">
<div class="contact-header" >
<section class="contact1" id="contact" data-aos="fade-up">
<div style="padding-right: 0px; margin-right: 0px; margin-left: 50px;" data-aos="fade-right" data-aos-delay="150">
<div id="cnt"><h2>Contact</h2>
<p>If you have any questions or need support, feel free to reach out to us:</p></div>
<p id="success-message">We will connect with you soon!</p>
</div>
<section class="contact1" id="contact" style="background-color: #f3bf8c;">
<section class="contact1" id="contact" style="background-color: #f3bf8c;" data-aos="fade-left" data-aos-delay="300">
<div class="form-container">
<form class="contact-form1" id="contact-form">
<div class="form-group">
Expand Down Expand Up @@ -622,6 +624,12 @@ <h2>Contact Us</h2>
"enableConversationDeletion": true
});
</script>
<script>
AOS.init({
duration: 1200, // Animation duration
easing: 'ease-in-out', // Animation easing
});
</script>

</body>
</html>
33 changes: 21 additions & 12 deletions our plan.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,9 @@
rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/aos/2.3.4/aos.js"></script>

<script type="text/javascript">
window.addEventListener("scroll", function () {
var header = document.querySelector("nav");
Expand Down Expand Up @@ -431,7 +434,7 @@


<main>
<section class="introduction" id="introduction">
<section class="introduction" id="introduction" data-aos="fade-up">
<!-- <h2>Introduction</h2> -->
<p>
Welcome to our open source community! We are dedicated to fostering
Expand All @@ -440,23 +443,23 @@
</p>
</section>

<section class="goal" id="goals">
<section class="goal" id="goals" data-aos="fade-left">
<h2>Goals</h2>
<ul class="goals">
<ul class="goals" data-aos="fade-up">
<li class="ribbon">Promote open source collaboration</li>
<li class="ribbon">Encourage learning and skill development</li>
<li class="ribbon">Build innovative solutions to real-world problems</li>
<li class="ribbon">Foster an inclusive and supportive community</li>
</ul>
</section>

<section class="guidelines" id="guidelines">
<section class="guidelines" id="guidelines" data-aos="fade-right">
<h2>Community Guidelines</h2>
<p>
Our community guidelines are designed to create a welcoming and
productive environment for all members:
</p>
<ul>
<ul data-aos="fade-up">
<li>Be respectful and considerate</li>
<li>Encourage diverse perspectives</li>
<li>Provide constructive feedback</li>
Expand All @@ -465,13 +468,13 @@ <h2>Community Guidelines</h2>
</ul>
</section>

<section class="contributions" id="contributions">
<section class="contributions" id="contributions" data-aos="fade-up">
<h2>Project Contributions</h2>
<p>
We welcome contributions from everyone. Here’s how you can get
involved:
</p>
<ul>
<ul data-aos="fade-left">
<li>
<p>Find a project that interests you</p>
</li>
Expand All @@ -490,7 +493,7 @@ <h2>Project Contributions</h2>
</ul>
</section>

<section class="contributions" id="contributions">
<section class="contributions" id="contributions" data-aos="fade-up">
<h2>Project Contributions</h2>
<p>We welcome contributions from everyone. Here’s how you can get involved:</p>
<ul>
Expand All @@ -502,8 +505,8 @@ <h2>Project Contributions</h2>
</ul>
</section>

<section class="contact" id="contact">
<div class="contact-intro">
<section class="contact" id="contact" data-aos="fade-up">
<div class="contact-intro" data-aos="fade-right">
<h2>Contact</h2>
<p>If you have any questions or need support, feel free to reach out to us:</p>
<div class="contact-details">
Expand All @@ -517,7 +520,7 @@ <h2>Contact</h2>
</div>

<div class="contact-container">
<form class="contact-form" id="contact-form">
<form class="contact-form" id="contact-form" data-aos="fade-left">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required />
Expand Down Expand Up @@ -582,7 +585,13 @@ <h2>Contact</h2>
document.body.classList.toggle('dark-mode');
});
});
</script>
</script>
<script>
AOS.init({
duration: 1200, // Animation duration
easing: 'ease-in-out', // Animation easing
});
</script>

</body>

Expand Down
Loading

0 comments on commit 9b87533

Please sign in to comment.