we added some easier navigation

This commit is contained in:
Om Raheja 2024-06-03 17:45:58 -04:00
parent 87640b06fd
commit b97718b2cd
21 changed files with 1439 additions and 322 deletions

303
curriculum.html Normal file
View File

@ -0,0 +1,303 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Code Abode</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link
rel="stylesheet"
type="text/css"
href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900%7CMerriweather:300,400,700,700i,900"
/>
<link rel="stylesheet" href="css/style.css" />
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
display: block;
}
h6 {
font-size: 22px;
}
h6 p {
border-image: linear-gradient(#3ca2f6, #0c829f) 30;
border-width: 4px;
border-style: solid;
border-radius: 5px;
display: inline-block;
padding: 0 10px;
}
</style>
</head>
<body>
<div class="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"
><img
src="images/ie8-panel/warning_bar_0000_us.jpg"
height="42"
width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
/></a>
</div>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
</div>
</div>
<div class="page">
<header class="section page-header">
<div class="rd-navbar-wrap">
<nav
class="rd-navbar rd-navbar-corporate"
data-layout="rd-navbar-fixed"
data-sm-layout="rd-navbar-fixed"
data-md-layout="rd-navbar-fixed"
data-lg-layout="rd-navbar-static"
data-xl-layout="rd-navbar-static"
data-xxl-layout="rd-navbar-static"
data-md-device-layout="rd-navbar-fixed"
data-lg-device-layout="rd-navbar-fixed"
data-xl-device-layout="rd-navbar-static"
data-xxl-device-layout="rd-navbar-static"
data-lg-stick-up-offset="46px"
data-xl-stick-up-offset="46px"
data-xxl-stick-up-offset="46px"
data-lg-stick-up="true"
data-xl-stick-up="true"
data-xxl-stick-up="true"
>
<div
class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
data-rd-navbar-toggle=".rd-navbar-collapse"
>
<span></span>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-panel">
<button
class="rd-navbar-toggle"
data-rd-navbar-toggle=".rd-navbar-nav-wrap"
>
<span></span>
</button>
<div class="rd-navbar-brand">
<a class="brand" href="index.html"
><img
class="brand-logo-dark"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45" /><img
class="brand-logo-light"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45"
/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="curriculum.html"
>Curriculum
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="location.html"
>In Person/Virtual
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="faq.html"
>FAQ
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="intern.html"
>Intern with Us
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="#"
>Apply Now<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="section section-md bg-default" id="faq">
<div class="container">
<div class="text-center wow fadeInUp">
<h6>What we teach</h6>
<h2>Example Curriculum</h2>
<p>We tailor curriculums depending on each student, but if you need some ideas you're at the right place</p>
</div>
<div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-10">
<div class="row row-40">
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">Arduino Curriculum</h4>
<p class="list-terms-text">
<a href="other/SampleCurriculum.pdf" target="_blank">Download Curriculum</a>
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">Low Level Curriculum</h4>
<p class="list-terms-text">
<a href="other/" target="_blank">Coming Soon</a>
</p>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">Machine Learning Curriculum</h4>
<p class="list-terms-text">
<a href="other/" target="_blank">Coming Soon</a>
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">Web Development</h4>
<a href="other/" target="_blank">Coming Soon</a>
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="section footer-corporate bg-gray-800 position-relative">
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
<div class="container">
<div class="footer-corporate-main text-center wow fadeInUp">
<h6>We are ready do things</h6>
<h2 class="heading-1">Let's get started.</h2>
<p class="big">
Whenever you're ready, we are too.
</p>
<a class="button button-secondary button-nuka" href="#"
>Apply<span class="button-overlay"></span
></a>
</div>
<div
class="footer-corporate-aside text-center text-xl-left wow fadeInUp"
>
<div class="footer-corporate-aside-top">
<div class="footer-corporate-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">How We Work</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div>
<ul class="list-social">
<li>
<a
class="link-social icon novi-icon fa-youtube-play"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-facebook-f"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-instagram"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-twitter"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-linkedin"
href="#"
></a>
</li>
</ul>
</div>
</div>
<p class="rights">
<span>&copy;&nbsp;</span><span class="copyright-year"></span
><span>.&nbsp;</span><span>Code Abode</span><span>.&nbsp;</span
><span>All Rights Reserved.</span>
</p>
</div>
</div>
</footer>
</div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

302
faq.html Normal file
View File

@ -0,0 +1,302 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Code Abode</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link
rel="stylesheet"
type="text/css"
href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900%7CMerriweather:300,400,700,700i,900"
/>
<link rel="stylesheet" href="css/style.css" />
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
display: block;
}
h6 {
font-size: 22px;
}
h6 p {
border-image: linear-gradient(#3ca2f6, #0c829f) 30;
border-width: 4px;
border-style: solid;
border-radius: 5px;
display: inline-block;
padding: 0 10px;
}
</style>
</head>
<body>
<div class="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"
><img
src="images/ie8-panel/warning_bar_0000_us.jpg"
height="42"
width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
/></a>
</div>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
</div>
</div>
<div class="page">
<header class="section page-header">
<div class="rd-navbar-wrap">
<nav
class="rd-navbar rd-navbar-corporate"
data-layout="rd-navbar-fixed"
data-sm-layout="rd-navbar-fixed"
data-md-layout="rd-navbar-fixed"
data-lg-layout="rd-navbar-static"
data-xl-layout="rd-navbar-static"
data-xxl-layout="rd-navbar-static"
data-md-device-layout="rd-navbar-fixed"
data-lg-device-layout="rd-navbar-fixed"
data-xl-device-layout="rd-navbar-static"
data-xxl-device-layout="rd-navbar-static"
data-lg-stick-up-offset="46px"
data-xl-stick-up-offset="46px"
data-xxl-stick-up-offset="46px"
data-lg-stick-up="true"
data-xl-stick-up="true"
data-xxl-stick-up="true"
>
<div
class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
data-rd-navbar-toggle=".rd-navbar-collapse"
>
<span></span>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-panel">
<button
class="rd-navbar-toggle"
data-rd-navbar-toggle=".rd-navbar-nav-wrap"
>
<span></span>
</button>
<div class="rd-navbar-brand">
<a class="brand" href="index.html"
><img
class="brand-logo-dark"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45" /><img
class="brand-logo-light"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45"
/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="curriculum.html"
>Curriculum
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="location.html"
>In Person/Virtual
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="faq.html"
>FAQ
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="intern.html"
>Intern with Us
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="#"
>Apply Now<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="section section-md bg-default" id="faq">
<div class="container">
<div class="text-center wow fadeInUp">
<h6>FAQs</h6>
<h2>Frequently asked questions</h2>
</div>
<div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-10">
<div class="row row-40">
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">What material do we use?</h4>
<p class="list-terms-text">
We use materials sourced from university content. For example, our low level work is sourced from Programming Methodology I at Rutgers University. We strive to make this content both accessible and understandable to children.
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">How much does it cost?</h4>
<p class="list-terms-text">
The program cost varies from individual to individual and the gap between where they are right now and where they want to be. For example, the price of teaching a kid with python skills will be lower than if they had no prior experience. However, we welcome your child regardless of how much experience they have and we are flexible with the program fees.
</p>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">How long is the program?</h4>
<p class="list-terms-text">
The program length is relatively consistent at about 8 weeks, however we are flexible with the length of the program, depending on the exact needs of your child and the scope of their ambitions.
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">What is your refund policy?</h4>
<p class="list-terms-text">Refunds are accepted within a week of program start. If you are unsatisfied with our teaching, please reach out to us and we will provide you with compensation.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<footer class="section footer-corporate bg-gray-800 position-relative">
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
<div class="container">
<div class="footer-corporate-main text-center wow fadeInUp">
<h6>We are ready do things</h6>
<h2 class="heading-1">Let's get started.</h2>
<p class="big">
Whenever you're ready, we are too.
</p>
<a class="button button-secondary button-nuka" href="#"
>Apply<span class="button-overlay"></span
></a>
</div>
<div
class="footer-corporate-aside text-center text-xl-left wow fadeInUp"
>
<div class="footer-corporate-aside-top">
<div class="footer-corporate-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">How We Work</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div>
<ul class="list-social">
<li>
<a
class="link-social icon novi-icon fa-youtube-play"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-facebook-f"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-instagram"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-twitter"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-linkedin"
href="#"
></a>
</li>
</ul>
</div>
</div>
<p class="rights">
<span>&copy;&nbsp;</span><span class="copyright-year"></span
><span>.&nbsp;</span><span>Code Abode</span><span>.&nbsp;</span
><span>All Rights Reserved.</span>
</p>
</div>
</div>
</footer>
</div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -50,6 +50,15 @@ gulp.task("fonts", function () {
.pipe(connect.reload());
});
// Other useless content
gulp.task("other", function () {
return gulp
.src(["./other/**"], { removeBOM: false })
.pipe(gulp.dest("./dist/other"))
.pipe(connect.reload());
});
gulp.task("html", function () {
return gulp
.src("./index.html")

View File

@ -115,6 +115,34 @@
/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="curriculum.html"
>Curriculum
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="location.html"
>In Person/Virtual
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="faq.html"
>FAQ
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="intern.html"
>Intern with Us
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
@ -157,9 +185,11 @@
</svg>
</div>
<div class="container">
<!--
<h6 class="wow center-focus fadeInUp">
<p>Grasp the roots, grow the <span id="typed">truth.</span></p>
</h6>
-->
<h1 class="wow fadeInUp" data-wow-delay=".2s">
Let's build your child's wildest dreams, together.
</h1>
@ -201,22 +231,37 @@
></path>
</svg>
<section class="section section-md bg-default text-center">
<div class="container">
<div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-8 col-lg-10">
<h6>Why Choose Us</h6>
<h2>We believe firmly in nurturing curiosity</h2>
<p class="big">to help your child grow in ways they couldn't before.</p>
<a
class="button button-secondary button-nuka"
href="#what-we-do"
>Take a look at how we teach<span class="button-overlay"></span
></a>
<div class="container wow fadeInUp">
<div class="row row-50 justify-content-center">
<div class="col-xl-3 col-lg-4 col-sm-12">
<div class="box-counter">
<h4 class="box-counter-title">Median pay for CS majors</h4>
<div class="box-counter-main heading-1 text-primary">
$<div class="counter" data-duration="1000">119385</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="box-counter">
<h4 class="box-counter-title">Size of workforce</h4>
<div class="box-counter-main heading-1 text-secondary-1">
<div class="counter" data-duration="1000">2320000</div><sup><a href="https://datausa.io/profile/cip/computer-science-110701">[1]</a></sup>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="box-counter">
<h4 class="box-counter-title">Size of the industry</h4>
<div class="box-counter-main heading-1 text-secondary-2">
$<div class="counter" data-duration="1000">423.54</div>
<div class="counter-postfix">b</div>
<sup><a href="https://www.thebusinessresearchcompany.com/report/computers-global-market-report">[2]</a></sup>
</div>
</div>
</div>
</div>
</section>
<section class="section section-md bg-default" id="about">
<div class="container">
@ -559,232 +604,6 @@
</section>
</div>
<section
class="section section-md bg-gray-800 position-relative text-center"
id="our-projects"
>
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
<div class="container wow fadeInUp">
<h6>Our People</h6>
<h2 class="heading-1">
This is yap, pls hide this section
</h2>
<div class="row justify-content-center">
<div class="col-xl-8 col-lg-10">
<p class="big">
Probably will use this for project showcases in the future.
</p>
<a
class="button button-secondary button-nuka offset-top-1"
href="#"
>View More<span class="button-overlay"></span
></a>
</div>
</div>
</div>
<div
class="owl-carousel owl-corporate-wide wow fadeInUp"
data-items="1"
data-sm-items="2"
data-md-items="3"
data-xl-items="4"
data-stage-padding="60"
data-sm-stage-padding="38"
data-margin="20"
data-slide-transition="linear"
data-smart-speed="4000"
data-autoplay-time-out="4000"
>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
</div>
<div
class="owl-carousel owl-corporate-wide wow fadeInUp"
data-items="1"
data-sm-items="2"
data-md-items="3"
data-xl-items="4"
data-stage-padding="80"
data-sm-stage-padding="38"
data-margin="20"
data-slide-transition="linear"
data-smart-speed="4500"
data-autoplay-time-out="4500"
data-center="true"
>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
</div>
</section>
<div class="oh">
<svg
class="wave-light wave-light-8"
width="1920"
height="1060"
viewBox="0 0 1920 1060"
fill="none"
>
<path
class="wave-path"
d="M1270.8 218.376C1568.83 102.736 1850.63 180.948 2030.21 307.382C2032.51 308.998 2034.48 310.988 2036.1 313.28L2244.6 608.07C2253.3 620.368 2249.27 637.477 2235.62 643.849C2136.91 689.931 1934.93 754.715 1745.59 720.317C1486.28 673.211 1150.28 423.428 797.391 434.116C526.793 442.311 106.516 537.961 -92.8574 590.62C-106.447 594.21 -120.226 585.95 -123.559 572.295L-211.97 210.086C-214.872 198.199 -208.784 185.922 -197.319 181.649C-86.282 140.272 153.264 93.3374 366.435 189.479C649.935 317.339 970.87 334.757 1270.8 218.376Z"
fill="#4D4468"
></path>
<path
class="wave-path"
d="M772.48 255.118C380.165 103.024 9.24323 206.281 -226.745 372.767C-229.039 374.385 -231.01 376.373 -232.632 378.664L-512.582 774.127C-521.29 786.427 -517.274 803.55 -503.683 810.064C-377.112 870.73 -105.683 960.41 148.442 914.284C489.263 852.422 930.89 524.399 1394.72 538.435C1753.87 549.303 2313.64 677.282 2572.46 745.98C2586.04 749.585 2599.94 741.362 2603.28 727.711L2722.96 237.787C2725.87 225.895 2719.88 213.66 2708.45 209.275C2565.44 154.399 2245.45 89.0608 1961.15 217.17C1588.53 385.08 1166.7 407.953 772.48 255.118Z"
fill="#4D4468"
></path>
<path
class="wave-path"
d="M1447.25 805.997C1794.64 1025.39 2182.35 991.059 2453.13 870.614C2455.6 869.515 2457.81 868.064 2459.73 866.318L2833.15 525.603C2842.65 516.93 2842.3 503.238 2831.92 495.349C2724.31 413.548 2478 274.243 2215.74 273.626C1867.52 272.805 1356.87 514.147 906.52 416.969C558.455 341.862 42.8667 116.692 -194.437 2.73577C-207.328 -3.45464 -223.54 1.25043 -229.521 12.9186L-466.827 475.879C-471.469 484.935 -468.544 495.538 -459.301 501.375C-333.611 580.741 -34.896 703.74 275.402 629.247C680.162 532.076 1098.27 585.601 1447.25 805.997Z"
fill="#4D4468"
></path>
</svg>
<section class="section section-md bg-default" id="advantages">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xl-7 col-lg-6">
<img src="images/teacher.jpg" alt="" width="660" height="406" />
</div>
<div class="col-xl-5 col-lg-6">
<h4>Apply for an Internship (move this down)</h4>
<p>
We are looking for passionate developers who have a love for teaching.
</p>
<a class="button button-secondary button-nuka" href="#"
>Intern with us<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</section>
<section class="section section-md bg-default">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xl-5 col-lg-6">
<ul class="list-corporate">
<li class="list-corporate-item unit">
<div
class="unit-left list-corporate-check box-shadow-2"
></div>
<div class="unit-body">
<h4 class="list-corporate-title">
In-person Enrollment
</h4>
<p class="list-corporate-text">
Instruction will take place at a location determined by you and your specific instructor. This could be a classroom with other students, one on one instruction at your or their residency. The majority of our instructors live near Princeton, NJ.
</p>
</div>
</li>
<li class="list-corporate-item unit">
<div
class="unit-left list-corporate-check box-shadow-2"
></div>
<div class="unit-body">
<h4 class="list-corporate-title">
Virtual Enrollment
</h4>
<p class="list-corporate-text">
Virtual enrollment is a possibility for all students. We will provide instruction via Zoom or Jitsi Meet in a one-on-one or small group setting to ensure your child is unlocking their full potential.
</p>
</div>
</li>
</ul>
</div>
<div class="col-xl-7 col-lg-6">
<div class="text-right">
<img src="images/school.png" alt="" width="660" height="406" />
</div>
</div>
</div>
</div>
</section>
</div>
<section class="section section-inset-7 bg-gradient-primary">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xxl-6 col-xl-7 col-md-8">
<div class="box-border-left">
<h2>Any questions?</h2>
<p class="mt-0">Don´t hesitate to get in touch.</p>
</div>
</div>
<div class="col-xxl-6 col-xl-5 col-md-4 text-xl-left text-md-right">
<a class="button button-secondary button-nuka" href="https://calendly.com/rahejaom/30min"
>Schedule a Call<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</section>
<section class="section section-md bg-default" id="features">
<div class="container">
@ -793,7 +612,7 @@
>
<div class="col-xl-4 col-lg-8 col-md-9 text-center text-xl-left">
<h6>Things we do</h6>
<h2>this is yap</h2>
<h2>Soon your child will too.</h2>
</div>
<div class="col-xl-8 text-center">
<div class="row row-lg-50 row-40">
@ -836,7 +655,7 @@
fill="#293043"
></path>
</svg>
<p class="big">Goal-oriented work</p>
<p class="big">Introduction to Coding</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -885,7 +704,7 @@
fill="#293043"
></path>
</svg>
<p class="big">Web development</p>
<p class="big">Web Development</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -916,7 +735,7 @@
></path>
</g>
</svg>
<p class="big">Cool animations</p>
<p class="big">Hardware Projects</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -1043,7 +862,7 @@
></path>
</g>
</svg>
<p class="big">Stealing SVGs</p>
<p class="big">App Development</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewBox="0 0 70 70" fill="none">
@ -1091,7 +910,7 @@
fill="#293043"
></path>
</svg>
<p class="big">Making money</p>
<p class="big">Machne Learning</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewBox="0 0 70 70" fill="none">
@ -1121,7 +940,7 @@
fill="#293043"
></path>
</svg>
<p class="big">USACO winning</p>
<p class="big">Low Level Programming</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -1248,7 +1067,7 @@
></path>
</g>
</svg>
<p class="big">Coding better</p>
<p class="big">Robotics</p>
</div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6">
<svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -1273,7 +1092,7 @@
fill="#293043"
></path>
</svg>
<p class="big">For random reasons</p>
<p class="big">Game Development</p>
</div>
</div>
</div>
@ -1281,6 +1100,193 @@
</div>
</section>
<section class="section section-md bg-default text-center">
<div class="container">
<div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-8 col-lg-10">
<h6>Why Choose Us</h6>
<h2>We believe firmly in nurturing curiosity</h2>
<p class="big">We use your child's ideas and build the skills needed for their project. This approach has proven to be the most effective in teaching otherwise bland content that will equip them fot the future.</p>
<a
class="button button-secondary button-nuka"
href="curriculum.html"
>Take a look at how we teach<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</section>
<!--
<section
class="section section-md bg-gray-800 position-relative text-center"
id="our-projects"
>
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
<div class="container wow fadeInUp">
<h6>Our People</h6>
<h2 class="heading-1">
This is yap, pls hide this section
</h2>
<div class="row justify-content-center">
<div class="col-xl-8 col-lg-10">
<p class="big">
Probably will use this for project showcases in the future.
</p>
<a
class="button button-secondary button-nuka offset-top-1"
href="#"
>View More<span class="button-overlay"></span
></a>
</div>
</div>
</div>
<div
class="owl-carousel owl-corporate-wide wow fadeInUp"
data-items="1"
data-sm-items="2"
data-md-items="3"
data-xl-items="4"
data-stage-padding="60"
data-sm-stage-padding="38"
data-margin="20"
data-slide-transition="linear"
data-smart-speed="4000"
data-autoplay-time-out="4000"
>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
</div>
<div
class="owl-carousel owl-corporate-wide wow fadeInUp"
data-items="1"
data-sm-items="2"
data-md-items="3"
data-xl-items="4"
data-stage-padding="80"
data-sm-stage-padding="38"
data-margin="20"
data-slide-transition="linear"
data-smart-speed="4500"
data-autoplay-time-out="4500"
data-center="true"
>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
<div class="owl-corporate-item">
<img src="images/" alt="" width="442" height="310" />
</div>
</div>
</section>
-->
<div class="oh">
<svg
class="wave-light wave-light-8"
width="1920"
height="1060"
viewBox="0 0 1920 1060"
fill="none"
>
<path
class="wave-path"
d="M1270.8 218.376C1568.83 102.736 1850.63 180.948 2030.21 307.382C2032.51 308.998 2034.48 310.988 2036.1 313.28L2244.6 608.07C2253.3 620.368 2249.27 637.477 2235.62 643.849C2136.91 689.931 1934.93 754.715 1745.59 720.317C1486.28 673.211 1150.28 423.428 797.391 434.116C526.793 442.311 106.516 537.961 -92.8574 590.62C-106.447 594.21 -120.226 585.95 -123.559 572.295L-211.97 210.086C-214.872 198.199 -208.784 185.922 -197.319 181.649C-86.282 140.272 153.264 93.3374 366.435 189.479C649.935 317.339 970.87 334.757 1270.8 218.376Z"
fill="#4D4468"
></path>
<path
class="wave-path"
d="M772.48 255.118C380.165 103.024 9.24323 206.281 -226.745 372.767C-229.039 374.385 -231.01 376.373 -232.632 378.664L-512.582 774.127C-521.29 786.427 -517.274 803.55 -503.683 810.064C-377.112 870.73 -105.683 960.41 148.442 914.284C489.263 852.422 930.89 524.399 1394.72 538.435C1753.87 549.303 2313.64 677.282 2572.46 745.98C2586.04 749.585 2599.94 741.362 2603.28 727.711L2722.96 237.787C2725.87 225.895 2719.88 213.66 2708.45 209.275C2565.44 154.399 2245.45 89.0608 1961.15 217.17C1588.53 385.08 1166.7 407.953 772.48 255.118Z"
fill="#4D4468"
></path>
<path
class="wave-path"
d="M1447.25 805.997C1794.64 1025.39 2182.35 991.059 2453.13 870.614C2455.6 869.515 2457.81 868.064 2459.73 866.318L2833.15 525.603C2842.65 516.93 2842.3 503.238 2831.92 495.349C2724.31 413.548 2478 274.243 2215.74 273.626C1867.52 272.805 1356.87 514.147 906.52 416.969C558.455 341.862 42.8667 116.692 -194.437 2.73577C-207.328 -3.45464 -223.54 1.25043 -229.521 12.9186L-466.827 475.879C-471.469 484.935 -468.544 495.538 -459.301 501.375C-333.611 580.741 -34.896 703.74 275.402 629.247C680.162 532.076 1098.27 585.601 1447.25 805.997Z"
fill="#4D4468"
></path>
</svg>
<section class="section section-inset-7 bg-gradient-primary">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xxl-6 col-xl-7 col-md-8">
<div class="box-border-left">
<h2>Any questions?</h2>
<p class="mt-0">Don´t hesitate to get in touch.</p>
</div>
</div>
<div class="col-xxl-6 col-xl-5 col-md-4 text-xl-left text-md-right">
<a class="button button-secondary button-nuka" href="https://calendly.com/rahejaom/30min"
>Schedule a Call<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</section>
<!--
<section class="section section-md bg-default" id="technologies">
<div class="container">
<div
@ -1408,34 +1414,6 @@
fill="white"
></path>
</svg>
<div class="container wow fadeInUp">
<div class="row row-50 justify-content-center">
<div class="col-xl-3 col-lg-4 col-sm-12">
<div class="box-counter">
<h4 class="box-counter-title">Founded in</h4>
<div class="box-counter-main heading-1 text-primary">
<div class="counter" data-duration="1000">1999</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="box-counter">
<h4 class="box-counter-title">Number of coal miners</h4>
<div class="box-counter-main heading-1 text-secondary-1">
<div class="counter" data-duration="1000">999999999</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-sm-6">
<div class="box-counter">
<h4 class="box-counter-title">Number of universal clients</h4>
<div class="box-counter-main heading-1 text-secondary-2">
<div class="counter" data-duration="1000">500</div>
<div class="counter-postfix">b</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="position-relative">
@ -1669,52 +1647,7 @@
</div>
</section>
<section class="section section-md bg-default" id="faq">
<div class="container">
<div class="text-center wow fadeInUp">
<h6>FAQs</h6>
<h2>Frequently asked questions</h2>
</div>
<div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-10">
<div class="row row-40">
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">What material do we use?</h4>
<p class="list-terms-text">
We use materials sourced from university content. For example, our low level work is sourced from Programming Methodology I at Rutgers University. We strive to make this content both accessible and understandable to children.
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">How much does it cost?</h4>
<p class="list-terms-text">
The program cost varies from individual to individual and the gap between where they are right now and where they want to be. For example, the price of teaching a kid with python skills will be lower than if they had no prior experience. However, we welcome your child regardless of how much experience they have and we are flexible with the program fees.
</p>
</li>
</ul>
</div>
<div class="col-md-6">
<ul class="list-terms">
<li class="list-terms-item">
<h4 class="list-terms-title">How long is the program?</h4>
<p class="list-terms-text">
The program length is relatively consistent at about 8 weeks, however we are flexible with the length of the program, depending on the exact needs of your child and the scope of their ambitions.
</p>
</li>
<li class="list-terms-item">
<h4 class="list-terms-title">What is your refund policy?</h4>
<p class="list-terms-text">Refunds are accepted within a week of program start. If you are unsatisfied with our teaching, please reach out to us and we will provide you with compensation.
</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
-->
<footer class="section footer-corporate bg-gray-800 position-relative">
<svg
class="wave-dark"
@ -1816,3 +1749,4 @@
<script src="js/script.js"></script>
</body>
</html>

237
intern.html Normal file
View File

@ -0,0 +1,237 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Code Abode</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link
rel="stylesheet"
type="text/css"
href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900%7CMerriweather:300,400,700,700i,900"
/>
<link rel="stylesheet" href="css/style.css" />
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
display: block;
}
h6 {
font-size: 22px;
}
h6 p {
border-image: linear-gradient(#3ca2f6, #0c829f) 30;
border-width: 4px;
border-style: solid;
border-radius: 5px;
display: inline-block;
padding: 0 10px;
}
</style>
</head>
<body>
<div class="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"
><img
src="images/ie8-panel/warning_bar_0000_us.jpg"
height="42"
width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
/></a>
</div>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
</div>
</div>
<div class="page">
<header class="section page-header">
<div class="rd-navbar-wrap">
<nav
class="rd-navbar rd-navbar-corporate"
data-layout="rd-navbar-fixed"
data-sm-layout="rd-navbar-fixed"
data-md-layout="rd-navbar-fixed"
data-lg-layout="rd-navbar-static"
data-xl-layout="rd-navbar-static"
data-xxl-layout="rd-navbar-static"
data-md-device-layout="rd-navbar-fixed"
data-lg-device-layout="rd-navbar-fixed"
data-xl-device-layout="rd-navbar-static"
data-xxl-device-layout="rd-navbar-static"
data-lg-stick-up-offset="46px"
data-xl-stick-up-offset="46px"
data-xxl-stick-up-offset="46px"
data-lg-stick-up="true"
data-xl-stick-up="true"
data-xxl-stick-up="true"
>
<div
class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
data-rd-navbar-toggle=".rd-navbar-collapse"
>
<span></span>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-panel">
<button
class="rd-navbar-toggle"
data-rd-navbar-toggle=".rd-navbar-nav-wrap"
>
<span></span>
</button>
<div class="rd-navbar-brand">
<a class="brand" href="index.html"
><img
class="brand-logo-dark"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45" /><img
class="brand-logo-light"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45"
/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="curriculum.html"
>Curriculum
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="location.html"
>In Person/Virtual
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="faq.html"
>FAQ
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<a class="button button-secondary button-nuka" href="intern.html"
>Intern with Us
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="#"
>Apply Now<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section class="section section-md bg-default" id="advantages">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xl-7 col-lg-6">
<img src="images/teacher.jpg" alt="" width="660" height="406" />
</div>
<div class="col-xl-5 col-lg-6">
<h4>Apply for an Internship</h4>
<p>
We are looking for passionate developers who have a love for teaching.
</p>
<a class="button button-secondary button-nuka" href="#"
>Intern with us<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</section>
<div class="footer-corporate-aside-top">
<div class="footer-corporate-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">How We Work</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div>
<ul class="list-social">
<li>
<a
class="link-social icon novi-icon fa-youtube-play"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-facebook-f"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-instagram"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-twitter"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-linkedin"
href="#"
></a>
</li>
</ul>
</div>
</div>
<p class="rights">
<span>&copy;&nbsp;</span><span class="copyright-year"></span
><span>.&nbsp;</span><span>Code Abode</span><span>.&nbsp;</span
><span>All Rights Reserved.</span>
</p>
</div>
</div>
</footer>
</div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

332
location.html Normal file
View File

@ -0,0 +1,332 @@
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Code Abode</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, height=device-height, initial-scale=1.0"
/>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="icon" href="images/favicon.ico" type="image/x-icon" />
<link
rel="stylesheet"
type="text/css"
href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900%7CMerriweather:300,400,700,700i,900"
/>
<link rel="stylesheet" href="css/style.css" />
<style>
.ie-panel {
display: none;
background: #212121;
padding: 10px 0;
box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.3);
clear: both;
text-align: center;
position: relative;
z-index: 1;
}
html.ie-10 .ie-panel,
html.lt-ie-10 .ie-panel {
display: block;
}
h6 {
font-size: 22px;
}
h6 p {
border-image: linear-gradient(#3ca2f6, #0c829f) 30;
border-width: 4px;
border-style: solid;
border-radius: 5px;
display: inline-block;
padding: 0 10px;
}
</style>
</head>
<body>
<div class="ie-panel">
<a href="http://windows.microsoft.com/en-US/internet-explorer/"
><img
src="images/ie8-panel/warning_bar_0000_us.jpg"
height="42"
width="820"
alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."
/></a>
</div>
<div class="preloader">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
</div>
</div>
<div class="page">
<header class="section page-header">
<div class="rd-navbar-wrap">
<nav
class="rd-navbar rd-navbar-corporate"
data-layout="rd-navbar-fixed"
data-sm-layout="rd-navbar-fixed"
data-md-layout="rd-navbar-fixed"
data-lg-layout="rd-navbar-static"
data-xl-layout="rd-navbar-static"
data-xxl-layout="rd-navbar-static"
data-md-device-layout="rd-navbar-fixed"
data-lg-device-layout="rd-navbar-fixed"
data-xl-device-layout="rd-navbar-static"
data-xxl-device-layout="rd-navbar-static"
data-lg-stick-up-offset="46px"
data-xl-stick-up-offset="46px"
data-xxl-stick-up-offset="46px"
data-lg-stick-up="true"
data-xl-stick-up="true"
data-xxl-stick-up="true"
>
<div
class="rd-navbar-collapse-toggle rd-navbar-fixed-element-1"
data-rd-navbar-toggle=".rd-navbar-collapse"
>
<span></span>
</div>
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<div class="rd-navbar-panel">
<button
class="rd-navbar-toggle"
data-rd-navbar-toggle=".rd-navbar-nav-wrap"
>
<span></span>
</button>
<div class="rd-navbar-brand">
<a class="brand" href="index.html"
><img
class="brand-logo-dark"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45" /><img
class="brand-logo-light"
src="images/codeabodelogo.svg"
alt=""
width="181"
height="45"
/></a>
</div>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="curriculum.html"
>Curriculum
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="location.html"
>In Person/Virtual
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="faq.html"
>FAQ
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="intern.html"
>Intern with Us
</a>
</div>
<div class="rd-navbar-main-element">
<div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="#"
>Apply Now<span class="button-overlay"></span
></a>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section
class="section section-md section-md-1 text-center bg-wave-dark-wrap pb-0 text-gray-600"
>
<div class="bg-wave-dark bg-wave-dark-1 bg-gray-800">
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
</div>
<section class="section section-md bg-default">
<div class="container">
<div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xl-5 col-lg-6">
<ul class="list-corporate">
<li class="list-corporate-item unit">
<div
class="unit-left list-corporate-check box-shadow-2"
></div>
<div class="unit-body">
<h4 class="list-corporate-title">
In-person Enrollment
</h4>
<p class="list-corporate-text">
Instruction will take place at a location determined by you and your specific instructor. This could be a classroom with other students, one on one instruction at your or their residency. The majority of our instructors live near Princeton, NJ.
</p>
</div>
</li>
<li class="list-corporate-item unit">
<div
class="unit-left list-corporate-check box-shadow-2"
></div>
<div class="unit-body">
<h4 class="list-corporate-title">
Virtual Enrollment
</h4>
<p class="list-corporate-text">
Virtual enrollment is a possibility for all students. We will provide instruction via Zoom or Jitsi Meet in a one-on-one or small group setting to ensure your child is unlocking their full potential.
</p>
</div>
</li>
</ul>
</div>
<div class="col-xl-7 col-lg-6">
<div class="text-right">
<img src="images/school.png" alt="" width="660" height="406" />
</div>
</div>
</div>
</div>
</section>
</div>
<footer class="section footer-corporate bg-gray-800 position-relative">
<svg
class="wave-dark"
width="1920"
height="713"
viewBox="0 0 1920 713"
fill="none"
>
<path
class="wave-path wave-path-1"
d="M1920 463.314V713H0V414.325C0.0515862 414.316 0.103105 414.308 0.154556 414.299C59.8232 467.769 270.664 573.445 636.676 568.392C873.316 565.126 1040.4 505.514 1188.57 452.65C1326.86 403.309 1448.68 359.846 1595.21 373.565C1727.41 385.944 1837.94 423.471 1920 463.314Z"
fill="white"
></path>
<path
class="wave-path wave-path-2"
d="M1920 463.988V713H0V234.66C102.275 199.182 221.353 170.486 354.422 158.026C584.381 136.494 775.567 204.707 992.611 282.146C1225.15 365.113 1373 457.092 1858.75 463.796C1879.49 464.082 1899.9 464.142 1920 463.988Z"
fill="white"
></path>
<path
class="wave-path wave-path-3"
d="M1920 85.9538V713H0V310.063C15.2357 310.099 30.6508 310.012 46.2454 309.796C417.632 304.67 679.852 211.113 912.389 128.146C1129.43 50.7068 1320.62 -17.5061 1550.58 4.02629C1690.21 17.1004 1814.43 48.0502 1920 85.9538Z"
fill="white"
></path>
</svg>
<div class="container">
<div class="footer-corporate-main text-center wow fadeInUp">
<h6>We are ready do things</h6>
<h2 class="heading-1">Let's get started.</h2>
<p class="big">
Whenever you're ready, we are too.
</p>
<a class="button button-secondary button-nuka" href="#"
>Apply<span class="button-overlay"></span
></a>
</div>
<div
class="footer-corporate-aside text-center text-xl-left wow fadeInUp"
>
<div class="footer-corporate-aside-top">
<div class="footer-corporate-nav">
<ul>
<li><a href="#">About</a></li>
<li><a href="#">Our Services</a></li>
<li><a href="#">How We Work</a></li>
<li><a href="#">Experience</a></li>
<li><a href="#">Why Choose Us</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Testimonials</a></li>
<li><a href="#">Pricing</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Contacts</a></li>
</ul>
</div>
<div>
<ul class="list-social">
<li>
<a
class="link-social icon novi-icon fa-youtube-play"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-facebook-f"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-instagram"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-twitter"
href="#"
></a>
</li>
<li>
<a
class="link-social icon novi-icon fa-linkedin"
href="#"
></a>
</li>
</ul>
</div>
</div>
<p class="rights">
<span>&copy;&nbsp;</span><span class="copyright-year"></span
><span>.&nbsp;</span><span>Code Abode</span><span>.&nbsp;</span
><span>All Rights Reserved.</span>
</p>
</div>
</div>
</footer>
</div>
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>

BIN
other/SampleCurriculum.pdf Normal file

Binary file not shown.