Skip to content

Commit

Permalink
Update careers.html
Browse files Browse the repository at this point in the history 
fix: navbar non functionality and alignment in career page PriyaGhosal#612 issue solved
  • Loading branch information
@IniyalPalanisamy
IniyalPalanisamy authored Oct 18, 2024
1 parent f1a734f commit d5e138d
Showing 1 changed file with 53 additions and 179 deletions.
232 changes: 53 additions & 179 deletions careers.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,204 +4,78 @@
<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="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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.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>
<title>SkillWise Career Page</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<style>
* {
font-size: large;
.navbar {
position: fixed;
top: 0;
width: 100%;
z-index: 1001;
}

body {
margin-top: 180px;
.navbar ul {
list-style: none;
position: relative;
display: inline-table;
margin: 0;
padding: 0 20px;
}

.application-form {
display: flex;
align-items: center;
justify-content: center;
.navbar ul li {
float: left;
font: 120% 'Uncial Antiqua', serif;
}

#position {
font-size: 1.2rem;
padding: 10px;
.navbar ul li a {
display: block;
padding: 0px 10px;
color: #F1D9B3;
text-decoration: none;
}
.form-select {
border: 1px solid #ced4da;
border-radius: 0.3rem;
}

.form-select:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.submit-button{
background-color: hsl(357, 100%, 75%);
color:white;

.navbar ul li a:hover {
color: #F4E1C4;
text-decoration: underline;
}
.submit-button:hover{
background-color: hsl(357, 72%, 67%);


}
.form-group input{
background-color: #fff;
}

</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>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">SkillWise</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="overlay" data-overlay data-nav-toggler></div>
</div>
</header>
<main class="main">
<section class="internship-info">
<div class="container">
<h1 class="headline-md mb-5 text-center" data-aos="zoom-in">Internship Opportunities at SkillWise</h1>
<h2>Gain Valuable Experience with Skillwise</h2>
<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>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Courses</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Career</a>
</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" data-aos="zoom-in">
<div class="internship-form rounded shadow-lg border p-5">
<div class="container">
<h2 class="text-center mb-5 fw-bold">Apply for Internship</h2>
<form id="internship-application-form" action="#" method="POST">
<div class="form-group mb-3">
<label class="fw-bold" for="first-name">First name:</label>
<input type="text" id="first-name" name="first-name" maxlength="100" required>
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="last-name">Last name:</label>
<input type="text" id="last-name" name="last-name" maxlength="100" required>
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="email">Email:</label>
<input type="email" id="email" name="email" maxlength="250" required>
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="phone">Phone:</label>
<input type="tel" id="phone" name="phone" maxlength="50" required>
</div>
<div class="form-group mb-3 my-4">
<label for="position" class="fw-bold">Position:</label>
<select id="position" name="position" class="form-select form-control-lg" 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 mb-3">
<label class="fw-bold" for="start-date">Start Date: </label>
<input type="date" id="start-date" name="start-date" required>
</div>
<div class="form-group mb-3">
<label class="fw-bold" for="cv-linkedin">Link to CV/LinkedIn: </label>
<input type="url" id="cv-linkedin" name="cv-linkedin">
</div>
<div class="mt-5 mb-3">
<button style="font-size: 18px;" type="submit" class="btn submit-button w-100">Apply <i class="fa fa-paper-plane" aria-hidden="true"></i></button>
</div>
</form>
<p id="form-submission-message" style="display: none;">Thank you! We'll be in touch.</p>
</div>
</div>
</section>
<div class="footer-bottom">
<div class="container">
<p class="copyright">
<a href="copy.html"> © Copyright Policy <time id="year"></time> </a> All Rights Reserved by Priya Ghosal
<br>
Made with ♥ by Priya Ghosal
</p>

</div>
</div>
</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/aos@2.3.1/dist/aos.js"></script>
</nav>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></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();
$(document).ready(function () {
$(".navbar-toggler").click(function () {
$(".navbar-collapse").toggleClass("show");
});
});
</script>
</body>

</html>
</html>

0 comments on commit d5e138d

Please sign in to comment.