-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
3a07500
commit bdcfec5
Showing
9 changed files
with
2,506 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,174 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8" /> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
| <link | ||
| href="https://cdn.jsdelivr.net/npm/[email protected]/fonts/remixicon.css" | ||
| rel="stylesheet" | ||
| /> | ||
| <link | ||
| rel="stylesheet" | ||
| href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" | ||
| /> | ||
| <link rel="stylesheet" href="style.css" /> | ||
| <title>Project Spotlight || Showcase your projects</title> | ||
| </head> | ||
| <body> | ||
| <header class="header"> | ||
| <div class="header__socials" style="position: fixed"> | ||
| <a href="#"><i class="ri-mail-fill"></i></a> | ||
| <a href="#"><i class="ri-github-fill"></i></a> | ||
| <a href="#"><i class="ri-linkedin-fill"></i></a> | ||
| </div> | ||
| <nav> | ||
| <div class="nav__bar"> | ||
| <div class="nav__header"> | ||
| <div class="nav__logo"> | ||
| <a href="#">Project Spotlight<span></span></a> | ||
| </div> | ||
| <div class="nav__menu__btn" id="menu-btn"> | ||
| <span><i class="ri-menu-3-line"></i></span> | ||
| </div> | ||
| </div> | ||
| <ul class="nav__links" id="nav-links"> | ||
| <li class="link"><a href="learn.html">Learn</a></li> | ||
|
|
||
| <li class="link"><a href="projects.html">Projects</a></li> | ||
| <li class="link"><a href="mentor.html">Mentorship</a></li> | ||
| <li class="link btn"><a href="events.html">Events</a></li> | ||
| <li class="link"><a href="profile.html">Profile</a></li> | ||
| </ul> | ||
| </div> | ||
| </nav> | ||
| </header> | ||
| <section class="section__container about__container" id="about" style="align-content: space-between;"> | ||
| <div class="about__image"> | ||
| <img | ||
| src="https://media.istockphoto.com/id/1360521207/photo/businessman-using-a-computer-analysis-for-process-and-workflow-automation-with-flowchart-a.webp?b=1&s=612x612&w=0&k=20&c=atNWQ1Og4iTAzAcUBLM7iOY1JN8E_Ufy8aMQFsVfKiA=" | ||
| alt="about" | ||
| /> | ||
| </div> | ||
| <div class="about__content"> | ||
| <h2 class="section__header">Events</h2> | ||
| <p>Virtual Hackathon: Innovate for Social Good</p> | ||
| <h4> | ||
| Description: A 48-hour online hackathon where participants collaborate | ||
| to develop innovative tech solutions that address pressing social | ||
| issues. Teams will have access to mentorship, cloud computing | ||
| resources, and API libraries. The event concludes with presentations | ||
| to a panel of industry experts, with prizes awarded for the most | ||
| impactful projects. | ||
| </h4> | ||
| <div class="about__btns"> | ||
| <a href="assets/Andarson_CV.pdf" download class="download__btn"> | ||
| Participate Now | ||
| </a> | ||
| <a href="#"><i class="ri-mail-fill"></i></a> | ||
| <a href="#"><i class="ri-github-fill"></i></a> | ||
| <a href="#"><i class="ri-linkedin-fill"></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="about__image"> | ||
| <img | ||
| src="https://media.istockphoto.com/id/1360521207/photo/businessman-using-a-computer-analysis-for-process-and-workflow-automation-with-flowchart-a.webp?b=1&s=612x612&w=0&k=20&c=atNWQ1Og4iTAzAcUBLM7iOY1JN8E_Ufy8aMQFsVfKiA=" | ||
| alt="about" | ||
| /> | ||
| </div> | ||
| <div class="about__content"> | ||
| <p>Web Development Workshop: From Zero to Hero</p> | ||
|
|
||
| <h4> | ||
| Description: This interactive workshop is designed for beginners | ||
| looking to dive into web development. Over the course of a weekend, | ||
| participants will learn HTML, CSS, JavaScript, and basic front-end | ||
| frameworks like Bootstrap. By the end of the workshop, attendees will | ||
| have created a fully functional personal portfolio website. | ||
| </h4> | ||
| <div class="about__btns"> | ||
| <a href="assets/Andarson_CV.pdf" download class="download__btn"> | ||
| Participate Now | ||
| </a> | ||
| <a href="#"><i class="ri-mail-fill"></i></a> | ||
| <a href="#"><i class="ri-github-fill"></i></a> | ||
| <a href="#"><i class="ri-linkedin-fill"></i></a> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="about__image"> | ||
| <img | ||
| src="https://media.istockphoto.com/id/1360521207/photo/businessman-using-a-computer-analysis-for-process-and-workflow-automation-with-flowchart-a.webp?b=1&s=612x612&w=0&k=20&c=atNWQ1Og4iTAzAcUBLM7iOY1JN8E_Ufy8aMQFsVfKiA=" | ||
| alt="about" | ||
| /> | ||
| </div> | ||
| <div class="about__content"> | ||
| <p>IoT Workshop: Connecting the World</p> | ||
|
|
||
| <h4> | ||
| Description: A week-long intensive bootcamp focused on data science | ||
| and analytics. Participants will explore data cleaning, visualization, | ||
| machine learning, and deep learning techniques using tools like | ||
| Python, R, and TensorFlow. The bootcamp includes hands-on projects, | ||
| real-world datasets, and Q&A sessions with industry professionals. | ||
| </h4> | ||
| <div class="about__btns"> | ||
| <a href="assets/Andarson_CV.pdf" download class="download__btn"> | ||
| Participate Now | ||
| </a> | ||
| <a href="#"><i class="ri-mail-fill"></i></a> | ||
| <a href="#"><i class="ri-github-fill"></i></a> | ||
| <a href="#"><i class="ri-linkedin-fill"></i></a> | ||
| </div> | ||
| </div> | ||
| </section> | ||
|
|
||
| <footer class="footer" id="contact"> | ||
| <div class="section__container footer__container"> | ||
| <div class="footer__col"> | ||
| <h5><a href="#">Project Spotlight</a></h5> | ||
| <p> | ||
| Upload your projects, share your journey, and inspire others by | ||
| displaying your achievements in our curated gallery. We believe in | ||
| the power of collaboration and community, so we've made it easy for | ||
| you to connect with like-minded individuals, gain feedback, and take | ||
| your projects to the next level. | ||
| </p> | ||
| <div class="footer__socials"> | ||
| <a href="#"><i class="ri-mail-fill"></i></a> | ||
| <a href="#"><i class="ri-github-fill"></i></a> | ||
| <a href="#"><i class="ri-linkedin-fill"></i></a> | ||
| <a href="#"><i class="ri-twitter-fill"></i></a> | ||
| <a href="#"><i class="ri-dribbble-line"></i></a> | ||
| </div> | ||
| </div> | ||
| <div class="footer__col"> | ||
| <h4>Services</h4> | ||
| <div class="footer__links"> | ||
| <a href="#">Project Management</a> | ||
| <a href="#">Get Mentorship</a> | ||
| <a href="#">Support</a> | ||
| <a href="#">Get feedback</a> | ||
| <a href="#">Upload project </a> | ||
| </div> | ||
| </div> | ||
| <div class="footer__col"> | ||
| <h4>Support</h4> | ||
| <div class="footer__links"> | ||
| <a href="#">Contact</a> | ||
| <a href="#">users</a> | ||
| <a href="#">Privacy Policy</a> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="footer__bar"> | ||
| Copyright © 2024 Web Addicted . All rights reserved. | ||
| </div> | ||
| </footer> | ||
|
|
||
| <script src="https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.1/mixitup.min.js"></script> | ||
| <script src="https://unpkg.com/scrollreveal"></script> | ||
| <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> | ||
| <script src="main.js"></script> | ||
| </body> | ||
| </html> |
Oops, something went wrong.