Skip to content

Commit

Permalink
Merge branch 'main' of https://github.com/Ojas-Arora/SCD-Profile-Score …
Browse files Browse the repository at this point in the history 
…into rupesh3
  • Loading branch information
@rupeshv2121
rupeshv2121 committed Jan 25, 2025
2 parents 51b782a + f27ae00 commit 2506e03
Show file tree
Hide file tree
Showing 2 changed files with 373 additions and 9 deletions.
370 changes: 370 additions & 0 deletions faq.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -237,6 +237,147 @@
z-index: 2;
position: relative;
}
footer {
padding: 10px;
background-color: var(--primary-color);
color: var(--footer-text);
text-align: center;
}
.social-icons div a:hover {
scale: 1.3;
rotate: 15deg;
}
.social-icons div a i.fa-facebook-f:hover {
color: rgb(51, 51, 199);
}
.social-icons div a i.fa-twitter:hover {
color: rgb(51, 98, 199);
}
.social-icons div a i.fa-linkedin-in:hover {
color: rgb(51, 132, 199);
}
.social-icons div a i.fa-instagram:hover {
color: rgb(199, 51, 167);
}
.subscribe-section form input[type="email"] {
border-radius: 4px;
height: 4vh;
border: none;
padding: 10px;
}
.subscribe-button {
padding: 10px 62px;
border: none;
border-radius: 5px;
background-color: #d6a52b;
color: #222;
font-weight: 600;
cursor: pointer;
}
.social-icons a:hover {
transform: scale(1.3);
transition: all 0.3s ease;
}

.social-icons a:first-child:hover {
transform: scale(1.3) rotate(27deg);
transition: all 0.3s ease;
color: #1a4bb4 !important;
}

.social-icons a:first-child:hover {
transform: scale(1.3) rotate(27deg);
transition: all 0.3s ease;
color: #1a4bb4 !important;
}

.social-icons a:nth-child(2):hover {
transform: scale(1.3) rotate(27deg);
transition: all 0.3s ease;
color: #29d6d6 !important;
}

.social-icons a:nth-child(3):hover {
transform: scale(1.3) rotate(27deg);
transition: all 0.3s ease;
color: #3b6cd6 !important;
}

.social-icons a:nth-child(4):hover {
transform: scale(1.3) rotate(27deg);
transition: all 0.3s ease;
color: #c43bd6 !important;
}

footer h3{
color: #d6a52b;
}

footer li:hover {
transform: scale(1.1);
}

@media(max-width:768px) {
.image-icon1{
width: 50px;
height: 50px;
top: 10px;
}

.navbar .logo h2 {
font-size: 1.7em;
margin-left: 117%;
}

.image-icon{
width: 78px;
height: 78px;
}
}

@media(max-width:425px) {
.about-box h1{
font-size: 2rem;
}

.back-button {
left: 8px;
}
}

.scroll-btn {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
height: 50px;
background-color: #d6a52b;
color: white;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
cursor: pointer;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.scroll-btn:hover {
background-color: #ffd700;
transform: scale(1.1);
}
.scroll-btn.show {
opacity: 1;
visibility: visible;
}

/* payments */
.payments i:hover{
color:#d7b96b;
}
.navbar {
display: flex;
justify-content: space-between;
Expand Down Expand Up @@ -804,6 +945,235 @@ <h2>Frequently Asked Questions</h2>
</div>
</div>
</section>
<!-- Footer -->
<footer style="background-color: #222; color: #fff; padding: 20px 10px">
<div
class="footer-container"
style="
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 20px;
max-width: 1200px;
margin: auto;
"
>
<!-- About Section -->
<div class="footer-section" style="flex: 1; min-width: 200px">
<h3>
<i class="fa fa-user" style="color: #d6a52b; margin-right: 8px;"></i>
About Ajivika
</h3>

<p style="font-size: 14px; line-height: 1.6">
Ajivika is your one-stop destination for career growth and learning.
From creating professional resumes to applying for top jobs, we
provide tools and resources for every career stage.
</p>
</div>

<!-- Quick Links -->
<div
class="footer-section quick-link"
style="flex: 1; min-width: 200px"
>
<h3>
<i class="fa fa-link" style="color: #d6a52b; margin-right: 8px;"></i>
Quick Links
</h3>

<ul
style="
list-style: none;
padding: 0;
font-size: 14px;
line-height: 1.8;
"
>
<li>
<a href="./index.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-home" style="margin-right: 8px;"></i> Home
</a>
</li>
<li>
<a href="./about.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-info-circle" style="margin-right: 8px;"></i> About Us
</a>
</li>
<li>
<a href="./contact.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-envelope" style="margin-right: 8px;"></i> Contact
</a>
</li>
<li>
<a href="./pricing.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-dollar-sign" style="margin-right: 8px;"></i> Go Pro
</a>
</li>

</ul>
</div>

<!-- Resources -->
<div class="footer-section resources" style="flex: 1; min-width: 200px">
<h3>
<i class="fa fa-book" style="color: #d6a52b; margin-right: 8px;"></i>
Resources
</h3>

<ul
style="
list-style: none;
padding: 0;
font-size: 14px;
line-height: 1.8;
"
>
<li>
<a href="./blog.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-pencil-alt" style="margin-right: 8px;"></i> Blog
</a>
</li>
<li>
<a href="./testimonial.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-comment-dots" style="margin-right: 8px;"></i> Testimonial
</a>
</li>
<li>
<a href="./faq.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-question-circle" style="margin-right: 8px;"></i> FAQs
</a>
</li>
<li>
<a href="./terms.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-file-contract" style="margin-right: 8px;"></i> Terms & Conditions
</a>
</li>
<li>
<a href="./privacy.html" style="color: #fff; text-decoration: none; transition: color 0.3s;"
onmouseover="this.style.color='#d6a52b'"
onmouseout="this.style.color='#fff'">
<i class="fa fa-user-secret" style="margin-right: 8px;"></i> Privacy Policy
</a>
</li>

</ul>
</div>

<!-- Social Media -->
<div
class="footer-section social-icons"
style="flex: 1; min-width: 200px"
>
<h3>
<i class="fa fa-hashtag" style="color: #d6a52b; margin-right: 8px;"></i>
Follow Us
</h3>

<div
style="
display: flex;
justify-content: center;
gap: 10px;
font-size: 20px;
"
>
<a
href="https://facebook.com"
target="_blank"
style="color: #fff; text-decoration: none"
>
<i class="fab fa-facebook-f"></i>
</a>
<a
href="https://twitter.com"
target="_blank"
style="color: #fff; text-decoration: none"
>
<i class="fab fa-twitter"></i>
</a>
<a
href="https://linkedin.com"
target="_blank"
style="color: #fff; text-decoration: none"
>
<i class="fab fa-linkedin-in"></i>
</a>
<a
href="https://instagram.com"
target="_blank"
style="color: #fff; text-decoration: none"
>
<i class="fab fa-instagram"></i>
</a>
</div>
<!--payment options-->
<div class="payments">
<h3>
<i class="fa-solid fa-credit-card" style="color: #d6a52b; margin-right: 8px; padding-top: 15px;"></i>We Accept</h3>
<a href="https://www.apple.com/apple-pay/" target="_blank" style="color:#fff;"><i class="fab fa-apple-pay" style="font-size: 40px;"></i></a>
<a href="https://pay.google.com/intl/en_in/about/" style="color:#fff;"><i class="fa-brands fa-google-pay" style="font-size: 40px;"></i></a>
<a href="https://redemption.mastercard.com/#/user/login?language=en-US" style="color:#fff;"><i class="fa-brands fa-cc-mastercard" style="font-size: 30px;"></i></a>
<a href="https://www.visa.com.au/en_au/account/login" style="color:#fff;"><i class="fa-brands fa-cc-visa" style="font-size: 30px;"></i></a>
</div>
</div>

<!-- Subscribe Section -->
<div
class="footer-section subscribe-section"
style="flex: 1; min-width: 200px"
>
<h3>
<i class="fa fa-bell" style="color: #d6a52b; margin-right: 8px;"></i>
Subscribe to Our Newsletter
</h3>


<form
action="#"
method="POST"
style="
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
"
>
<input
id="email"
type="email"
name="email"
placeholder="Enter your email"
/>
</button>
<button type="submit" class="subscribe-button">Subscribe</button>
</form>
</div>
</div>

<hr style="margin: 20px 0; border: 0; border-top: 1px solid #444" />
<div style="text-align: center; font-size: 14px; color: #aaa">
<p>&copy; 2024 Ajivika™. All rights reserved.</p>
<p>Designed and developed with ❤️ by the Ajivika Team.</p>
</div>
</footer>

<script
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
Expand Down
Loading

0 comments on commit 2506e03

Please sign in to comment.