added real content on the page
This commit is contained in:
parent
a19c9ded70
commit
87640b06fd
BIN
images/baby.jpg
Normal file
BIN
images/baby.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 880 KiB |
BIN
images/omraheja.png
Normal file
BIN
images/omraheja.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 469 KiB |
BIN
images/school.png
Normal file
BIN
images/school.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.0 MiB |
BIN
images/teacher.jpg
Normal file
BIN
images/teacher.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 MiB |
206
index.html
206
index.html
@ -119,7 +119,7 @@
|
||||
<div class="rd-navbar-nav-wrap"></div>
|
||||
<div class="rd-navbar-collapse">
|
||||
<a class="button button-secondary button-nuka" href="#"
|
||||
>Contact Us<span class="button-overlay"></span
|
||||
>Apply Now<span class="button-overlay"></span
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -158,16 +158,13 @@
|
||||
</div>
|
||||
<div class="container">
|
||||
<h6 class="wow center-focus fadeInUp">
|
||||
<p>Learn to <span id="typed">create</span></p>
|
||||
<p>Grasp the roots, grow the <span id="typed">truth.</span></p>
|
||||
</h6>
|
||||
<h1 class="wow fadeInUp" data-wow-delay=".2s">
|
||||
We are a team of idots ready to teach this stuff to your kids
|
||||
Let's build your child's wildest dreams, together.
|
||||
</h1>
|
||||
<p class="big d-none d-sm-block wow fadeInUp" data-wow-delay=".4s">
|
||||
With over 20 years of experience as high schoolers, we can teach
|
||||
your kids how to heck!
|
||||
<br class="d-none d-lg-block" />Start today by contacting us rn. Or
|
||||
else...
|
||||
<b>No matter their age.</b>
|
||||
</p>
|
||||
<img
|
||||
class="wow fadeInUp"
|
||||
@ -209,12 +206,12 @@
|
||||
<div class="row row-fix justify-content-center wow fadeInUp">
|
||||
<div class="col-xl-8 col-lg-10">
|
||||
<h6>Why Choose Us</h6>
|
||||
<h2>idk</h2>
|
||||
<p class="big">we have nothing to offer</p>
|
||||
<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"
|
||||
>Learn More<span class="button-overlay"></span
|
||||
>Take a look at how we teach<span class="button-overlay"></span
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -248,17 +245,18 @@
|
||||
</div>
|
||||
<div class="col-xl-5 col-lg-6">
|
||||
<h6>About Us</h6>
|
||||
<h2>Award-winning humans</h2>
|
||||
<h2>We’re Code Abode</h2>
|
||||
<p class="big">
|
||||
Code Abode is a small yet
|
||||
<a class="link-border">effective organization</a>
|
||||
that teaches very good. We offer a wide range of services such
|
||||
composed of a wide range of backgrounds. We teach skills such
|
||||
as:
|
||||
</p>
|
||||
<ul class="list-decorative big">
|
||||
<li>Flexiblitizing</li>
|
||||
<li>idk</li>
|
||||
<li>joe</li>
|
||||
<li>Machine Learning</li>
|
||||
<li>Low Level Development</li>
|
||||
<li>Game Development</li>
|
||||
<li>Website Design</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@ -270,27 +268,25 @@
|
||||
<div class="row row-15 justify-content-sm-between wow fadeInUp">
|
||||
<div class="col-xl-5 col-lg-6">
|
||||
<h6>Our Mission & Vision</h6>
|
||||
<h2>We are a humans</h2>
|
||||
<p class="big">jeff, we have nothing to offer.</p>
|
||||
<h2>Every child is capable of far more than they're taught.</h2>
|
||||
<p class="big">Children are typically taught Scratch until their high school years when the vast majority of them are capable of working with tricky programs like Arduino.</p>
|
||||
<div class="quote-classic">
|
||||
<div class="quote-classic-body">
|
||||
<q
|
||||
>Our creativity and unique approach are the key to success
|
||||
of our business!</q
|
||||
>
|
||||
>Our one-on-one bootcamp approach is what sets us apart from the competition.</q>
|
||||
</div>
|
||||
<div class="quote-classic-footer unit unit-spacing-md">
|
||||
<div class="unit-left">
|
||||
<img
|
||||
class="quote-classic-photo rounded-circle"
|
||||
src="images/"
|
||||
src="images/omraheja.png"
|
||||
alt=""
|
||||
width="60"
|
||||
height="60"
|
||||
width="50"
|
||||
height="50"
|
||||
/>
|
||||
</div>
|
||||
<div class="unit-body">
|
||||
<div class="quote-classic-name">Your Mom</div>
|
||||
<div class="quote-classic-name">Om Raheja</div>
|
||||
<div class="quote-classic-position">
|
||||
CEO of Code Abode
|
||||
</div>
|
||||
@ -300,7 +296,7 @@
|
||||
</div>
|
||||
<div class="col-xl-6 col-lg-6">
|
||||
<div class="text-center text-lg-left">
|
||||
<img src="images/" alt="" width="500" height="406" />
|
||||
<img src="images/baby.jpg" alt="" width="500" height="406" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -310,11 +306,8 @@
|
||||
<section class="section section-md bg-default" id="what-we-do">
|
||||
<div class="container">
|
||||
<div class="text-center wow fadeInUp">
|
||||
<h6>What We Teach</h6>
|
||||
<h2>Writing code that matters</h2>
|
||||
<p class="big">
|
||||
We aim to equip your kids with skills they will never use!
|
||||
</p>
|
||||
<h6>What we teach</h6>
|
||||
<h2>Here's our simple process</h2>
|
||||
</div>
|
||||
<div class="row row-30 justify-content-center">
|
||||
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay=".3s">
|
||||
@ -354,17 +347,10 @@
|
||||
</div>
|
||||
<div class="unit-body">
|
||||
<h4 class="service-corporate-title">
|
||||
Web design & development
|
||||
An Idea
|
||||
</h4>
|
||||
<p class="service-corporate-text">
|
||||
Ut nisi magna ex qui voluptate Lorem esse dolor laboris
|
||||
reprehenderit. Aliqua labore minim elit mollit aliqua
|
||||
proident ad. Veniam mollit dolor do velit ullamco velit
|
||||
occaecat sint aliqua tempor ex. Culpa fugiat cupidatat
|
||||
amet minim occaecat tempor excepteur est nulla pariatur
|
||||
culpa duis aute culpa. Veniam ut Lorem dolor minim
|
||||
proident veniam voluptate sint eu commodo in do. Eu
|
||||
ullamco magna elit sit.
|
||||
Your child gives us their wildest dreams. We give them the <b>tools they need</b>. That's all it takes to get them started.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@ -467,19 +453,10 @@
|
||||
</div>
|
||||
<div class="unit-body">
|
||||
<h4 class="service-corporate-title">
|
||||
Logo design & copywriting
|
||||
Self-paced development
|
||||
</h4>
|
||||
<p class="service-corporate-text">
|
||||
Adipisicing in ullamco veniam veniam mollit eu
|
||||
exercitation irure mollit ad consequat. Velit id sint
|
||||
laboris aute mollit nostrud duis consectetur ullamco
|
||||
officia Lorem ex. Cillum cillum laborum pariatur non duis
|
||||
elit proident est enim. Ut nostrud tempor consequat ipsum
|
||||
veniam duis proident. Voluptate deserunt aliqua
|
||||
reprehenderit culpa ullamco amet deserunt amet velit qui
|
||||
tempor cillum aliquip. Adipisicing excepteur cillum
|
||||
incididunt fugiat laborum eiusmod aliquip cupidatat
|
||||
laborum velit sint culpa in occaecat.
|
||||
Your child will start to code with their tools. We will get them started with any concepts they need and see them through the final stages of the development of their project.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@ -569,14 +546,10 @@
|
||||
</div>
|
||||
<div class="unit-body">
|
||||
<h4 class="service-corporate-title">
|
||||
Website support & consultations
|
||||
Showcase Day
|
||||
</h4>
|
||||
<p class="service-corporate-text">
|
||||
Tempor elit fugiat eiusmod voluptate ipsum cillum tempor
|
||||
aliqua ut veniam quis labore veniam. Enim est sit id
|
||||
excepteur exercitation. Est officia ut sint sit est elit
|
||||
nulla id. Anim ad aute dolore sint culpa ullamco nostrud
|
||||
veniam.
|
||||
Your child will prepare to present their project on Showcase Day. The best projects will be showcased on our website.
|
||||
</p>
|
||||
</div>
|
||||
</article>
|
||||
@ -616,18 +589,12 @@
|
||||
<div class="container wow fadeInUp">
|
||||
<h6>Our People</h6>
|
||||
<h2 class="heading-1">
|
||||
Cupidatat esse exercitation non elit dolore.
|
||||
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">
|
||||
Sint minim anim irure exercitation labore irure exercitation
|
||||
nisi sit. Enim dolor adipisicing cupidatat consectetur labore
|
||||
esse et aute ut elit tempor. Ea exercitation et nostrud cillum
|
||||
nostrud anim. Sunt eu quis officia aliqua dolor nisi fugiat nisi
|
||||
mollit. Ex reprehenderit incididunt fugiat duis quis non elit
|
||||
sint. Est duis nisi ex dolore. Non ut dolore culpa labore cillum
|
||||
ut.
|
||||
Probably will use this for project showcases in the future.
|
||||
</p>
|
||||
<a
|
||||
class="button button-secondary button-nuka offset-top-1"
|
||||
@ -743,16 +710,15 @@
|
||||
<div class="container">
|
||||
<div class="row row-30 align-items-center wow fadeInUp">
|
||||
<div class="col-xl-7 col-lg-6">
|
||||
<img src="images/" alt="" width="660" height="406" />
|
||||
<img src="images/teacher.jpg" alt="" width="660" height="406" />
|
||||
</div>
|
||||
<div class="col-xl-5 col-lg-6">
|
||||
<h4>Our monkeys can do a lot of things</h4>
|
||||
<h4>Apply for an Internship (move this down)</h4>
|
||||
<p>
|
||||
Do irure ad consectetur nisi ad adipisicing nisi adipisicing
|
||||
aute.
|
||||
We are looking for passionate developers who have a love for teaching.
|
||||
</p>
|
||||
<a class="button button-secondary button-nuka" href="#"
|
||||
>Contact Us<span class="button-overlay"></span
|
||||
>Intern with us<span class="button-overlay"></span
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -770,20 +736,10 @@
|
||||
></div>
|
||||
<div class="unit-body">
|
||||
<h4 class="list-corporate-title">
|
||||
Anim aute ea ex ullamco incididunt laborum nulla
|
||||
adipisicing aliquip.
|
||||
In-person Enrollment
|
||||
</h4>
|
||||
<p class="list-corporate-text">
|
||||
Voluptate elit aute non proident laborum enim ullamco ad
|
||||
eiusmod. Proident duis dolor aute irure Lorem pariatur
|
||||
in eu. Non irure Lorem reprehenderit fugiat enim ea
|
||||
nostrud ea officia eiusmod nulla labore tempor. Minim ea
|
||||
commodo ipsum nostrud tempor nisi veniam minim irure
|
||||
duis irure commodo. Exercitation proident tempor non
|
||||
quis ex ex labore consectetur in laborum quis officia
|
||||
incididunt cillum. Elit officia minim duis cillum
|
||||
consequat exercitation veniam. Lorem ut dolore ex amet
|
||||
sint sint duis et laborum culpa adipisicing sunt.
|
||||
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>
|
||||
@ -793,19 +749,10 @@
|
||||
></div>
|
||||
<div class="unit-body">
|
||||
<h4 class="list-corporate-title">
|
||||
Id dolor labore deserunt enim aute deserunt excepteur
|
||||
occaecat ad non elit dolore.
|
||||
Virtual Enrollment
|
||||
</h4>
|
||||
<p class="list-corporate-text">
|
||||
Nulla fugiat sunt commodo non laborum. Nulla dolor esse
|
||||
occaecat magna tempor pariatur dolore magna dolore nulla
|
||||
ut. Qui labore ut deserunt nostrud in reprehenderit
|
||||
eiusmod deserunt veniam Lorem commodo. Velit quis
|
||||
reprehenderit irure eiusmod mollit in eu exercitation
|
||||
mollit. Ipsum minim ex ut nulla qui ullamco aliqua in
|
||||
aliqua pariatur. Cillum nostrud esse nostrud occaecat
|
||||
sunt Lorem sunt occaecat cupidatat voluptate quis enim
|
||||
culpa.
|
||||
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>
|
||||
@ -813,7 +760,7 @@
|
||||
</div>
|
||||
<div class="col-xl-7 col-lg-6">
|
||||
<div class="text-right">
|
||||
<img src="images/" alt="" width="660" height="406" />
|
||||
<img src="images/school.png" alt="" width="660" height="406" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -826,13 +773,13 @@
|
||||
<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>Let's do something bro</h2>
|
||||
<p class="mt-0">Just Do It.</p>
|
||||
<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="#"
|
||||
>Get in Touch<span class="button-overlay"></span
|
||||
<a class="button button-secondary button-nuka" href="https://calendly.com/rahejaom/30min"
|
||||
>Schedule a Call<span class="button-overlay"></span
|
||||
></a>
|
||||
</div>
|
||||
</div>
|
||||
@ -846,7 +793,7 @@
|
||||
>
|
||||
<div class="col-xl-4 col-lg-8 col-md-9 text-center text-xl-left">
|
||||
<h6>Things we do</h6>
|
||||
<h2>Monkeying around</h2>
|
||||
<h2>this is yap</h2>
|
||||
</div>
|
||||
<div class="col-xl-8 text-center">
|
||||
<div class="row row-lg-50 row-40">
|
||||
@ -889,7 +836,7 @@
|
||||
fill="#293043"
|
||||
></path>
|
||||
</svg>
|
||||
<p class="big">Accuracy</p>
|
||||
<p class="big">Goal-oriented work</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">
|
||||
@ -938,7 +885,7 @@
|
||||
fill="#293043"
|
||||
></path>
|
||||
</svg>
|
||||
<p class="big">HTML</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">
|
||||
@ -1682,9 +1629,9 @@
|
||||
<ul class="pricing-corporate-list">
|
||||
<li class="pricing-corporate-item">Lorem</li>
|
||||
<li class="pricing-corporate-item">Ipsum</li>
|
||||
<li class="pricing-corporate-item">Dolor</li>
|
||||
<li class="pricing-corporate-item">Your</li>
|
||||
<li class="pricing-corporate-item disabled">Mom</li>
|
||||
<li class="pricing-corporate-item">End</li>
|
||||
<li class="pricing-corporate-item">Of</li>
|
||||
<li class="pricing-corporate-item disabled">Yap</li>
|
||||
</ul>
|
||||
<a class="button button-secondary button-nuka" href="#"
|
||||
>Contact Us<span class="button-overlay"></span
|
||||
@ -1734,32 +1681,15 @@
|
||||
<div class="col-md-6">
|
||||
<ul class="list-terms">
|
||||
<li class="list-terms-item">
|
||||
<h4 class="list-terms-title">What is u?</h4>
|
||||
<h4 class="list-terms-title">What material do we use?</h4>
|
||||
<p class="list-terms-text">
|
||||
Sunt aliquip tempor sint ea ea. Dolor labore enim Lorem
|
||||
cupidatat aliquip ex exercitation Lorem occaecat.
|
||||
Voluptate in veniam voluptate in anim non cillum do
|
||||
occaecat ad cillum. Veniam elit voluptate laboris
|
||||
commodo deserunt sunt reprehenderit commodo labore qui
|
||||
est. Id minim sit fugiat exercitation Lorem non occaecat
|
||||
eiusmod deserunt laboris incididunt ullamco sunt
|
||||
laborum. Excepteur eu nostrud ut laborum quis labore.
|
||||
Cupidatat proident ut esse irure elit sunt consequat.
|
||||
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>
|
||||
<p class="list-terms-text">Basically, jeff joe bob.</p>
|
||||
</li>
|
||||
<li class="list-terms-item">
|
||||
<h4 class="list-terms-title">What can I do?</h4>
|
||||
<h4 class="list-terms-title">How much does it cost?</h4>
|
||||
<p class="list-terms-text">
|
||||
Dolore est id esse do id aliqua est deserunt mollit
|
||||
nostrud quis laboris aliqua exercitation. Aliqua ex
|
||||
magna ullamco ex adipisicing sit. Nisi irure velit
|
||||
fugiat laboris fugiat proident fugiat et dolore cillum
|
||||
ea. Ex anim esse nisi ea sit labore excepteur duis anim
|
||||
commodo consequat sint aliqua nisi. Dolore do veniam eu
|
||||
elit sunt sint qui quis est consequat labore. Aliqua
|
||||
dolor commodo dolore id sit duis irure. Elit culpa sit
|
||||
officia amet minim deserunt ut minim dolore nostrud qui.
|
||||
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>
|
||||
@ -1767,23 +1697,15 @@
|
||||
<div class="col-md-6">
|
||||
<ul class="list-terms">
|
||||
<li class="list-terms-item">
|
||||
<h4 class="list-terms-title">What can u do?</h4>
|
||||
<h4 class="list-terms-title">How long is the program?</h4>
|
||||
<p class="list-terms-text">
|
||||
Irure veniam officia ex eiusmod sint. Est qui velit ut
|
||||
laboris elit nulla sit voluptate quis elit ut consequat
|
||||
aute. Adipisicing irure et aliqua quis sit laborum
|
||||
consectetur id cupidatat consequat nostrud laborum magna
|
||||
irure.
|
||||
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 do my kid do?</h4>
|
||||
<p class="list-terms-text">You son so dumb, iq 21</p>
|
||||
<ul class="list-marked offset-left-40">
|
||||
<li>Friends call him ching chong</li>
|
||||
<li>Fat like Kim Jong</li>
|
||||
<li>Look like King Kong</li>
|
||||
</ul>
|
||||
<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>
|
||||
@ -1819,15 +1741,13 @@
|
||||
</svg>
|
||||
<div class="container">
|
||||
<div class="footer-corporate-main text-center wow fadeInUp">
|
||||
<h6>We’re Ready to do things</h6>
|
||||
<h2 class="heading-1">Let’s monkey</h2>
|
||||
<h6>We are ready do things</h6>
|
||||
<h2 class="heading-1">Let's get started.</h2>
|
||||
<p class="big">
|
||||
Ad eu nostrud aliquip reprehenderit
|
||||
<br class="d-none d-lg-block" />
|
||||
dolor sunt consectetur id fugiat fugiat eu eiusmod mollit tempor.
|
||||
Whenever you're ready, we are too.
|
||||
</p>
|
||||
<a class="button button-secondary button-nuka" href="#"
|
||||
>Contact Us<span class="button-overlay"></span
|
||||
>Apply<span class="button-overlay"></span
|
||||
></a>
|
||||
</div>
|
||||
<div
|
||||
|
||||
17
notes
Normal file
17
notes
Normal file
@ -0,0 +1,17 @@
|
||||
by remove i mean comment it out
|
||||
|
||||
also we need a favicon
|
||||
|
||||
logo is alright
|
||||
|
||||
link to my curriculum
|
||||
|
||||
maybe we should make a video and put it on the website like 30 second documentary on why project based learning is important and the school system is slow
|
||||
|
||||
in the box next to it put the picture of me talking onstage ig or maybe a random graphic up to you
|
||||
|
||||
contact us should be a mailto or a google form
|
||||
|
||||
link the footer stuff to the corresponding
|
||||
|
||||
we have codeabode101@gmail.com
|
||||
2
package-lock.json
generated
2
package-lock.json
generated
@ -1,5 +1,5 @@
|
||||
{
|
||||
"name": "site",
|
||||
"name": "CodeAbode",
|
||||
"lockfileVersion": 3,
|
||||
"requires": true,
|
||||
"packages": {
|
||||
|
||||
Loading…
Reference in New Issue
Block a user