-
Notifications
You must be signed in to change notification settings - Fork 373
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #501 from swstkswstk/career
created careers page
- Loading branch information
Showing
5 changed files
with
624 additions
and
440 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
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,191 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
|
|
||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>SkillWise Internship Opportunities</title> | ||
| <link rel="shortcut icon" href="./favicon.svg" type="image/svg+xml"> | ||
| <link rel="stylesheet" href="./assets/font/font.css"> | ||
| <link rel="stylesheet" href="./assets/css/style.css"> | ||
| <link rel="stylesheet" href="./assets/css/Faq.css"> | ||
| <link rel="preload" as="image" href="./assets/images/faq.png"> | ||
| <link rel="preload" as="image" href="./assets/images/hero-bg.png"> | ||
| <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/aos.css"> | ||
| <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> | ||
| <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" | ||
| integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous"> | ||
| <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" | ||
| integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" | ||
| crossorigin="anonymous"></script> | ||
| <style> | ||
| * { | ||
| font-size: large; | ||
| } | ||
|
|
||
| body { | ||
| margin-top: 180px; | ||
| } | ||
|
|
||
| .application-form { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| margin-left: 500px; | ||
| } | ||
|
|
||
| .helpful-buttons { | ||
| margin-top: 10px; | ||
| display: flex; | ||
| align-items: center; | ||
| gap: 10px; | ||
| } | ||
|
|
||
| .helpful-btn { | ||
| padding: 5px 10px; | ||
| border: none; | ||
| background-color: #007bff; | ||
| color: white; | ||
| cursor: pointer; | ||
| border-radius: 4px; | ||
| transition: background-color 0.3s ease; | ||
| } | ||
|
|
||
| .helpful-btn:hover { | ||
| background-color: #0056b3; | ||
| } | ||
|
|
||
| .helpful-result { | ||
| margin-left: 10px; | ||
| font-weight: bold; | ||
| } | ||
| </style> | ||
| </head> | ||
|
|
||
| <body | ||
| style="background-image: url('./assets/images/hero-bg.png'); background-size: cover; background-repeat: no-repeat;"> | ||
| <header class="header" data-header> | ||
| <div class="container"> | ||
| <a href="./index.html"> | ||
| <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home"> | ||
| </a> | ||
| <nav class="navbar" data-navbar> | ||
| <div class="navbar-top"> | ||
| <a href="./index.html"> | ||
| <img src="./assets/images/Skillwise_logo.jpg" width="100" height="20" alt="SkillWise home"> | ||
| </a> | ||
| <button class="nav-close-btn" aria-label="close menu" data-nav-toggler> | ||
| <ion-icon name="close-outline" aria-hidden="true"></ion-icon> | ||
| </button> | ||
| </div> | ||
| <ul class="navbar-list"> | ||
| <li class="navbar-item"><a href="./index.html" class="navbar-link title-sm">Home</a></li> | ||
| <li class="navbar-item"><a href="./index.html#courses" class="navbar-link title-sm">Courses</a></li> | ||
| <li class="navbar-item"><a href="./index.html#blog" class="navbar-link title-sm">Blog</a></li> | ||
| <li class="navbar-item"><a href="./index.html#contact" class="navbar-link title-sm">Contacts</a></li> | ||
| <li class="navbar-item"><a href="Faq.html" class="navbar-link title-sm">FAQ</a></li> | ||
| <li class="navbar-item"></li> | ||
| <a href="/SkillWise/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a> | ||
| </li> | ||
|
|
||
| </ul> | ||
| </nav> | ||
| <a href="./signin.html" | ||
| style="padding: 10px 15px; background-color: black; font-size: large; border-radius: 10px;" | ||
| class="btn btn-secondary">Start Free Trial</a> | ||
|
|
||
| <button class="nav-open-btn" aria-label="open menu" data-nav-toggler> | ||
| <ion-icon name="menu-outline" aria-hidden="true"></ion-icon> | ||
| </button> | ||
| <div class="overlay" data-overlay data-nav-toggler></div> | ||
| </div> | ||
| </header> | ||
| <main> | ||
| <section class="internship-info"> | ||
| <div class="container"> | ||
| <h1>Internship Opportunities: Gain Valuable Experience with Skillwise</h1> | ||
| <p>At Skillwise, we're committed to fostering the next generation of talent. We invite motivated individuals to | ||
| join our dynamic team and contribute to our ongoing success story. Our internship program offers a unique | ||
| opportunity to gain hands-on experience in a collaborative, innovative environment that prioritizes personal | ||
| and professional growth.</p> | ||
| <h2>What We Offer:</h2> | ||
| <ul> | ||
| <li>Immersive learning experience in a fast-paced, industry-leading company</li> | ||
| <li>Mentorship from experienced professionals</li> | ||
| <li>Exposure to cutting-edge projects and technologies</li> | ||
| <li>Opportunity to build a professional network</li> | ||
| <li>Certificate of completion upon successful fulfillment of the internship</li> | ||
| </ul> | ||
| <h2>What We're Looking For:</h2> | ||
| <ul> | ||
| <li>Passionate and driven individuals eager to learn and contribute</li> | ||
| <li>Strong academic background in relevant fields</li> | ||
| <li>Excellent communication and teamwork skills</li> | ||
| <li>Innovative mindset and problem-solving abilities</li> | ||
| </ul> | ||
| <p><strong>Note:</strong> This is an unpaid internship focused on educational and professional development.</p> | ||
| <p>Join us at Skillwise and take the first step towards a promising career. Apply now to be part of our journey | ||
| towards unprecedented success.</p> | ||
| </div> | ||
| </section> | ||
| <section class="application-form"> | ||
| <div class="container"> | ||
| <h2>Apply for Internship</h2> | ||
| <form id="internship-application-form" action="#" method="POST"> | ||
| <div class="form-group"> | ||
| <label for="first-name">First name</label> | ||
| <input type="text" id="first-name" name="first-name" maxlength="100" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="last-name">Last name</label> | ||
| <input type="text" id="last-name" name="last-name" maxlength="100" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="email">Email</label> | ||
| <input type="email" id="email" name="email" maxlength="250" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="phone">Phone</label> | ||
| <input type="tel" id="phone" name="phone" maxlength="50" required> | ||
| </div> | ||
| <div style="margin: 20px 0px;" class="form-group"> | ||
| <label for="position">Position</label> | ||
| <select id="position" name="position" class="form-group" style="font: large;" required> | ||
| <option value="" disabled selected>Select a position</option> | ||
| <option value="Frontend Developer">Frontend Developer</option> | ||
| <option value="Blockchain Enthusiast">Blockchain Enthusiast</option> | ||
| <option value="Digital Marketing">Digital Marketing</option> | ||
| <option value="Graphic Designer">Graphic Designer</option> | ||
| <option value="Researcher">Researcher</option> | ||
| <option value="Other">Other</option> | ||
| </select> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="start-date">Start Date</label> | ||
| <input type="date" id="start-date" name="start-date" required> | ||
| </div> | ||
| <div class="form-group"> | ||
| <label for="cv-linkedin">Link to CV/LinkedIn</label> | ||
| <input type="url" id="cv-linkedin" name="cv-linkedin"> | ||
| </div> | ||
| <button style="font-size: 18px; margin-top: 5px;" type="submit" class="btn btn-primary w-100">Apply</button> | ||
| </form> | ||
| <p id="form-submission-message" style="display: none;">Thank you! We'll be in touch.</p> | ||
| </div> | ||
| </section> | ||
| </main> | ||
| <script src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js" type="module"></script> | ||
| <script src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js" nomodule></script> | ||
| <script src="https://unpkg.com/[email protected]/dist/aos.js"></script> | ||
| <script> | ||
| AOS.init(); | ||
| document.getElementById('internship-application-form').addEventListener('submit', function (event) { | ||
| event.preventDefault(); | ||
| // Here you would typically send the form data to a server | ||
| document.getElementById('form-submission-message').style.display = 'block'; | ||
| this.reset(); | ||
| }); | ||
| </script> | ||
| </body> | ||
|
|
||
| </html> |
Oops, something went wrong.