<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script type="module" src="script.js"></script>
</head>
<body>
<header class="header">
<div class="overlay has-fade hide-for-desktop"></div>
<nav class="flex flex-jc-sb flex-ai-c container container--pall">
<a href="/" class="header__logo logo">
<i class='bx bxs-bookmark'></i>
<span>INTERA</span>
</a>
<a href="#" id="btnHamburger" class="header__hamburger hide-for-desktop">
<span></span>
<span></span>
<span></span>
</a>
<div class="header__links hide-for-mobile">
<a href="#">About</a>
<a href="#">Interview Practice</a>
<a href="#">Resume Builder</a>
<a href="#">Find Internships</a>
<a href="#" class="btn-red">Log Application</a>
</div>
</nav>
<div class="header__social-icons has-fade hide-for-desktop">
<a href="#">
<i class='bx bxl-facebook-square'></i>
</a>
<a href="#">
<i class='bx bxl-twitter'></i>
</a>
</div>
</header>
<section class="hero">
<div class="container">
<div class="hero__image"></div>
<div class="hero__text container--pall">
<h1>Intera</h1>
<p>
Due to the Coronavirus Pandemic the job market has become much more competitive so, you need to make sure that you are on top of your game in your interviews. Intera is a cost-free solution to finding the perfect job. It revolutionizes the job & internship preparation process through its various features.
</p>
<a href="#" class="primary-btn btn-blue">Start Now</a>
<a href="#" class="primary-btn btn-blue">Track Applications</a>
</div>
</div>
</section>
<section class="features">
<div class="container">
<div class="features__text container--pall">
<h2>Features</h2>
<p>
Intera aims to help people in the job and intership searching process and preparation process with the help of its three main features:
</p>
</div>
<div class="features__list container--pall">
<li class="featureTap active">Resume Builder</li>
<li class="featureTap">Instant Interview Feedback</li>
<li class="featureTap">An Application Tracker</li>
</div>
<div class="features__feature featureTap active">
<div class="feature__image"></div>
<div class="feature__text container--pall">
<h3>Resume Builder</h3>
<p>
Nowadays jobs are very competitive and you need to make sure that you have a solid resume with no silly errors.
</p>
<a href="#" class="primary-btn btn-blue">More Info</a>
</div>
</div>
<div class="features__feature featureTap speedy--searching">
<div class="feature__image"></div>
<div class="feature__text container--pall">
<h3>Interview Feedback</h3>
<p>
Many interviewers judge you based on how you answer questions at an interview. So, you need to make sure that you have good posture, confidence, and make good eye contact while you answer the questions you are asked. Intera's interview feedback giver will let you know about your performace as you answer questions instantaneously.
</p>
<a href="#" class="primary-btn btn-blue">More Info</a>
</div>
</div>
<div class="features__feature featureTap easy--sharing">
<div class="feature__image"></div>
<div class="feature__text container--pall">
<h3>Application Tracker</h3>
<p>
Several people have a hard time in remembering about all the jobs they have applied to and what times interviews are scheduled. Intera's application tracker will help you track all your applications and give them a
</p>
<a href="#" class="primary-btn btn-blue">More Info</a>
</div>
</div>
</div>
</section>
<section class="faqs">
<div class="container container--pall">
</div>
</section>
<section class="contact">
<div>
<form class="contact__form">
<div class="form__input--group form__input--group--email">
<input class="form__input form__input--email" type="text" name="email" placeholder="Enter your email address">
<span class="form__input--error--icon"><i class='bx bxs-error-circle'></i></span>
<span class="form__input--error--message"></span>
</div>
<div class="form__input--group form__input--group--submit">
<input class="form__input form__input--submit" type="submit" value="Contact Us">
</div>
</form>
</div>
</section>
<footer class="footer">
<div class="container container--px">
<div class="footer__left">
<a href="/" class="footer__left--logo logo">
<i class='bx bxs-bookmark'></i>
<span>INTERA</span>
</a>
<ul class="footer__left--links">
<li><a href="#">About</a></li>
<li><a href="#">Interview Practice & Feedback</a></li>
<li><a href="#">Resume Builder</a></li>
<li><a href="#">Find Internships</a></li>
<li><a href="#">Application Tracker</a></li>
</ul>
</div>
<div class="footer__right">
</div>
</div>
</footer>
<script type="module" src="script.js"></script>
</body>
</html>