Skip to content

Commit

Permalink
Merge pull request #504 from swstkswstk/main
Browse files Browse the repository at this point in the history 
Added Careers Page
  • Loading branch information
@PriyaGhosal
PriyaGhosal authored Oct 15, 2024
2 parents 9573a20 + 37d4679 commit 08fc32d
Show file tree
Hide file tree
Showing 2 changed files with 197 additions and 2 deletions.
191 changes: 191 additions & 0 deletions careers.html
View file
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="/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>
8 changes: 6 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -86,7 +86,7 @@
</button>
</div>

<ul class="navbar-list" style="width: 50vw;">
<ul class="navbar-list">


<li class="navbar-item" style="margin-left: 1rem;">
Expand Down Expand Up @@ -123,6 +123,10 @@
<a href="/signin.html" class="navbar-link title-sm" data-nav-link>Login/Register</a>
</li>

<li class="navbar-item"></li>
<a href="/careers.html" class="navbar-link title-sm" data-nav-link>Careers</a>
</li>

</ul>

</nav>
Expand Down Expand Up @@ -1577,4 +1581,4 @@ <h2 class="headline-md section-title" id="cta-label" data-aos="fade-right" style
<script src="./assets/js/ScrollToTop.js"></script>
</body>

</html>
</html>

0 comments on commit 08fc32d

Please sign in to comment.