jack_23011
KPCKevin Powell - Community
•Created by jack_23011 on 2/9/2024 in #front-end
Navigating Programmatically
I want to navigate here
const Resume = () => {
return (
<div>Resume</div>
)
}
export default Resume;
const Resume = () => {
return (
<div>Resume</div>
)
}
export default Resume;
3 replies
KPCKevin Powell - Community
•Created by jack_23011 on 2/9/2024 in #front-end
Navigating Programmatically
From this page
import styles from '../style';
import Button from './Button';
import { useNavigate } from 'react-router-dom';
const CTA = () => {
const Navigate = useNavigate();
return (
<section className={`${styles.flexCenter} ${styles.marginY}
${styles.padding} sm:flex-row flex-col bg-black-gradient-2 rounded-[20px] box-shadow`}>
<div className='flex-1 flex flex-col'>
<h2 className={styles.heading2}>
Join Our Growing Team
</h2>
<p className={`${styles.paragraph} max-w-[470px] mt-5`}>
Explore how Sunflex Global Energy prioritizes the leveraging technology, we create a seamless and engaging journey for potential hires.
</p>
</div>
<div className={`${styles.flexCenter} sm:ml-10 ml-0
sm:mt-0 mt-10`}>
<a href="/Resume">
<Button onClick={()=> Navigate ('Resume')}>Send Your CV</Button>
</a>
</div>
</section>
)
}
export default CTA;
import styles from '../style';
import Button from './Button';
import { useNavigate } from 'react-router-dom';
const CTA = () => {
const Navigate = useNavigate();
return (
<section className={`${styles.flexCenter} ${styles.marginY}
${styles.padding} sm:flex-row flex-col bg-black-gradient-2 rounded-[20px] box-shadow`}>
<div className='flex-1 flex flex-col'>
<h2 className={styles.heading2}>
Join Our Growing Team
</h2>
<p className={`${styles.paragraph} max-w-[470px] mt-5`}>
Explore how Sunflex Global Energy prioritizes the leveraging technology, we create a seamless and engaging journey for potential hires.
</p>
</div>
<div className={`${styles.flexCenter} sm:ml-10 ml-0
sm:mt-0 mt-10`}>
<a href="/Resume">
<Button onClick={()=> Navigate ('Resume')}>Send Your CV</Button>
</a>
</div>
</section>
)
}
export default CTA;
3 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
10 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
it's between body and footer
10 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
I tried debugging and can't find exactly what it means
10 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
<!-- Copy -->
<div class="font-bold info-cl-one">
<p class="">Image source is from <a href="https://www.freepik.com/free-photo/3d-surreal-space-landscape_8879812.htm#query=3d-surreal-space-landscape_1048-12532%20jpg&position=23&from_view=search&track=ais" target="_blank">Kipargeter</a> </p>
</div>
<div class="font-bold info-cl-two">
© 2023 Kosmos Society. All Rights Reserved
</div>
</div>
</div>
</div>
</footer>
<!-- Copy -->
<div class="font-bold info-cl-one">
<p class="">Image source is from <a href="https://www.freepik.com/free-photo/3d-surreal-space-landscape_8879812.htm#query=3d-surreal-space-landscape_1048-12532%20jpg&position=23&from_view=search&track=ais" target="_blank">Kipargeter</a> </p>
</div>
<div class="font-bold info-cl-two">
© 2023 Kosmos Society. All Rights Reserved
</div>
</div>
</div>
</div>
</footer>
10 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
<!-- Icon 1 -->
<div class="h-8 group">
<p class = "footer-text text-white">Follow us</p>
</div>
<!-- Icon 1 -->
<div class="h-8 group">
<a href="https://twitter.com/KosmosSociety"/" target="_blank">
<img src="images/icons8-twitter.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 2 -->
<div class="h-8 group">
<a href="https://linkedin.com/in/mohammed-sameer-kosmos-society"/" target="_blank">
<img src="images/icons8-linked-in.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 3 -->
<div class="h-8 group">
<a href="https://www.youtube.com/@KosmosSociety"/" target="_blank">
<img src="images/icons8-youtube.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 4 -->
<div class="h-8 group">
<a href="https://wa.me/918310458258"/" target="_blank">
<img src="images/icons8-whatsapp.svg" alt="" class="h-6" />
</a>
</div>
</div>
<!-- Icon 1 -->
<div class="h-8 group">
<p class = "footer-text text-white">Follow us</p>
</div>
<!-- Icon 1 -->
<div class="h-8 group">
<a href="https://twitter.com/KosmosSociety"/" target="_blank">
<img src="images/icons8-twitter.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 2 -->
<div class="h-8 group">
<a href="https://linkedin.com/in/mohammed-sameer-kosmos-society"/" target="_blank">
<img src="images/icons8-linked-in.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 3 -->
<div class="h-8 group">
<a href="https://www.youtube.com/@KosmosSociety"/" target="_blank">
<img src="images/icons8-youtube.svg" alt="" class="h-6" />
</a>
</div>
<!-- Icon 4 -->
<div class="h-8 group">
<a href="https://wa.me/918310458258"/" target="_blank">
<img src="images/icons8-whatsapp.svg" alt="" class="h-6" />
</a>
</div>
</div>
10 replies
KPCKevin Powell - Community
•Created by jack_23011 on 12/15/2023 in #front-end
Having extra white between the body and footer
<footer class="info">
<!-- Container -->
<div class="container max-w-6xl py-5 mx-auto">
<!-- Footer Flex Container -->
<div
class=" footer-down-office flex flex-col items-center mb-8 space-y-6 md:flex-row md:space-y-0 md:justify-between md:items-start"
>
<!-- Social & Copy Container -->
<div
class="flex flex-col items-start justify-between space-y-4 text-black-500"
>
<!-- icons Container -->
<div
class="flex items-center justify-center mx-auto space-x-4 md:justify-end md:mx-0"
>
<footer class="info">
<!-- Container -->
<div class="container max-w-6xl py-5 mx-auto">
<!-- Footer Flex Container -->
<div
class=" footer-down-office flex flex-col items-center mb-8 space-y-6 md:flex-row md:space-y-0 md:justify-between md:items-start"
>
<!-- Social & Copy Container -->
<div
class="flex flex-col items-start justify-between space-y-4 text-black-500"
>
<!-- icons Container -->
<div
class="flex items-center justify-center mx-auto space-x-4 md:justify-end md:mx-0"
>
10 replies