added real content on the page

This commit is contained in:
Om Raheja 2024-06-02 22:20:30 -04:00
parent a19c9ded70
commit 87640b06fd
7 changed files with 81 additions and 144 deletions

BIN
images/baby.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 880 KiB

BIN
images/omraheja.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 469 KiB

BIN
images/school.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 MiB

BIN
images/teacher.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

View File

@ -119,7 +119,7 @@
<div class="rd-navbar-nav-wrap"></div> <div class="rd-navbar-nav-wrap"></div>
<div class="rd-navbar-collapse"> <div class="rd-navbar-collapse">
<a class="button button-secondary button-nuka" href="#" <a class="button button-secondary button-nuka" href="#"
>Contact Us<span class="button-overlay"></span >Apply Now<span class="button-overlay"></span
></a> ></a>
</div> </div>
</div> </div>
@ -158,16 +158,13 @@
</div> </div>
<div class="container"> <div class="container">
<h6 class="wow center-focus fadeInUp"> <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> </h6>
<h1 class="wow fadeInUp" data-wow-delay=".2s"> <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> </h1>
<p class="big d-none d-sm-block wow fadeInUp" data-wow-delay=".4s"> <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 <b>No matter their age.</b>
your kids how to heck!
<br class="d-none d-lg-block" />Start today by contacting us rn. Or
else...
</p> </p>
<img <img
class="wow fadeInUp" class="wow fadeInUp"
@ -209,12 +206,12 @@
<div class="row row-fix justify-content-center wow fadeInUp"> <div class="row row-fix justify-content-center wow fadeInUp">
<div class="col-xl-8 col-lg-10"> <div class="col-xl-8 col-lg-10">
<h6>Why Choose Us</h6> <h6>Why Choose Us</h6>
<h2>idk</h2> <h2>We believe firmly in nurturing curiosity</h2>
<p class="big">we have nothing to offer</p> <p class="big">to help your child grow in ways they couldn't before.</p>
<a <a
class="button button-secondary button-nuka" class="button button-secondary button-nuka"
href="#what-we-do" href="#what-we-do"
>Learn More<span class="button-overlay"></span >Take a look at how we teach<span class="button-overlay"></span
></a> ></a>
</div> </div>
</div> </div>
@ -248,17 +245,18 @@
</div> </div>
<div class="col-xl-5 col-lg-6"> <div class="col-xl-5 col-lg-6">
<h6>About Us</h6> <h6>About Us</h6>
<h2>Award-winning humans</h2> <h2>Were Code Abode</h2>
<p class="big"> <p class="big">
Code Abode is a small yet Code Abode is a small yet
<a class="link-border">effective organization</a> <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: as:
</p> </p>
<ul class="list-decorative big"> <ul class="list-decorative big">
<li>Flexiblitizing</li> <li>Machine Learning</li>
<li>idk</li> <li>Low Level Development</li>
<li>joe</li> <li>Game Development</li>
<li>Website Design</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -270,27 +268,25 @@
<div class="row row-15 justify-content-sm-between wow fadeInUp"> <div class="row row-15 justify-content-sm-between wow fadeInUp">
<div class="col-xl-5 col-lg-6"> <div class="col-xl-5 col-lg-6">
<h6>Our Mission & Vision</h6> <h6>Our Mission & Vision</h6>
<h2>We are a humans</h2> <h2>Every child is capable of far more than they're taught.</h2>
<p class="big">jeff, we have nothing to offer.</p> <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">
<div class="quote-classic-body"> <div class="quote-classic-body">
<q <q
>Our creativity and unique approach are the key to success >Our one-on-one bootcamp approach is what sets us apart from the competition.</q>
of our business!</q
>
</div> </div>
<div class="quote-classic-footer unit unit-spacing-md"> <div class="quote-classic-footer unit unit-spacing-md">
<div class="unit-left"> <div class="unit-left">
<img <img
class="quote-classic-photo rounded-circle" class="quote-classic-photo rounded-circle"
src="images/" src="images/omraheja.png"
alt="" alt=""
width="60" width="50"
height="60" height="50"
/> />
</div> </div>
<div class="unit-body"> <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"> <div class="quote-classic-position">
CEO of Code Abode CEO of Code Abode
</div> </div>
@ -300,7 +296,7 @@
</div> </div>
<div class="col-xl-6 col-lg-6"> <div class="col-xl-6 col-lg-6">
<div class="text-center text-lg-left"> <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> </div>
</div> </div>
@ -310,11 +306,8 @@
<section class="section section-md bg-default" id="what-we-do"> <section class="section section-md bg-default" id="what-we-do">
<div class="container"> <div class="container">
<div class="text-center wow fadeInUp"> <div class="text-center wow fadeInUp">
<h6>What We Teach</h6> <h6>What we teach</h6>
<h2>Writing code that matters</h2> <h2>Here's our simple process</h2>
<p class="big">
We aim to equip your kids with skills they will never use!
</p>
</div> </div>
<div class="row row-30 justify-content-center"> <div class="row row-30 justify-content-center">
<div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay=".3s"> <div class="col-md-6 col-lg-4 wow fadeInUp" data-wow-delay=".3s">
@ -354,17 +347,10 @@
</div> </div>
<div class="unit-body"> <div class="unit-body">
<h4 class="service-corporate-title"> <h4 class="service-corporate-title">
Web design & development An Idea
</h4> </h4>
<p class="service-corporate-text"> <p class="service-corporate-text">
Ut nisi magna ex qui voluptate Lorem esse dolor laboris 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.
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.
</p> </p>
</div> </div>
</article> </article>
@ -467,19 +453,10 @@
</div> </div>
<div class="unit-body"> <div class="unit-body">
<h4 class="service-corporate-title"> <h4 class="service-corporate-title">
Logo design & copywriting Self-paced development
</h4> </h4>
<p class="service-corporate-text"> <p class="service-corporate-text">
Adipisicing in ullamco veniam veniam mollit eu 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.
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.
</p> </p>
</div> </div>
</article> </article>
@ -569,14 +546,10 @@
</div> </div>
<div class="unit-body"> <div class="unit-body">
<h4 class="service-corporate-title"> <h4 class="service-corporate-title">
Website support & consultations Showcase Day
</h4> </h4>
<p class="service-corporate-text"> <p class="service-corporate-text">
Tempor elit fugiat eiusmod voluptate ipsum cillum tempor Your child will prepare to present their project on Showcase Day. The best projects will be showcased on our website.
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.
</p> </p>
</div> </div>
</article> </article>
@ -616,18 +589,12 @@
<div class="container wow fadeInUp"> <div class="container wow fadeInUp">
<h6>Our People</h6> <h6>Our People</h6>
<h2 class="heading-1"> <h2 class="heading-1">
Cupidatat esse exercitation non elit dolore. This is yap, pls hide this section
</h2> </h2>
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-xl-8 col-lg-10"> <div class="col-xl-8 col-lg-10">
<p class="big"> <p class="big">
Sint minim anim irure exercitation labore irure exercitation Probably will use this for project showcases in the future.
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.
</p> </p>
<a <a
class="button button-secondary button-nuka offset-top-1" class="button button-secondary button-nuka offset-top-1"
@ -743,16 +710,15 @@
<div class="container"> <div class="container">
<div class="row row-30 align-items-center wow fadeInUp"> <div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xl-7 col-lg-6"> <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>
<div class="col-xl-5 col-lg-6"> <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> <p>
Do irure ad consectetur nisi ad adipisicing nisi adipisicing We are looking for passionate developers who have a love for teaching.
aute.
</p> </p>
<a class="button button-secondary button-nuka" href="#" <a class="button button-secondary button-nuka" href="#"
>Contact Us<span class="button-overlay"></span >Intern with us<span class="button-overlay"></span
></a> ></a>
</div> </div>
</div> </div>
@ -770,20 +736,10 @@
></div> ></div>
<div class="unit-body"> <div class="unit-body">
<h4 class="list-corporate-title"> <h4 class="list-corporate-title">
Anim aute ea ex ullamco incididunt laborum nulla In-person Enrollment
adipisicing aliquip.
</h4> </h4>
<p class="list-corporate-text"> <p class="list-corporate-text">
Voluptate elit aute non proident laborum enim ullamco ad 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.
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.
</p> </p>
</div> </div>
</li> </li>
@ -793,19 +749,10 @@
></div> ></div>
<div class="unit-body"> <div class="unit-body">
<h4 class="list-corporate-title"> <h4 class="list-corporate-title">
Id dolor labore deserunt enim aute deserunt excepteur Virtual Enrollment
occaecat ad non elit dolore.
</h4> </h4>
<p class="list-corporate-text"> <p class="list-corporate-text">
Nulla fugiat sunt commodo non laborum. Nulla dolor esse 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.
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.
</p> </p>
</div> </div>
</li> </li>
@ -813,7 +760,7 @@
</div> </div>
<div class="col-xl-7 col-lg-6"> <div class="col-xl-7 col-lg-6">
<div class="text-right"> <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> </div>
</div> </div>
@ -826,13 +773,13 @@
<div class="row row-30 align-items-center wow fadeInUp"> <div class="row row-30 align-items-center wow fadeInUp">
<div class="col-xxl-6 col-xl-7 col-md-8"> <div class="col-xxl-6 col-xl-7 col-md-8">
<div class="box-border-left"> <div class="box-border-left">
<h2>Let's do something bro</h2> <h2>Any questions?</h2>
<p class="mt-0">Just Do It.</p> <p class="mt-0">Don´t hesitate to get in touch.</p>
</div> </div>
</div> </div>
<div class="col-xxl-6 col-xl-5 col-md-4 text-xl-left text-md-right"> <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="#" <a class="button button-secondary button-nuka" href="https://calendly.com/rahejaom/30min"
>Get in Touch<span class="button-overlay"></span >Schedule a Call<span class="button-overlay"></span
></a> ></a>
</div> </div>
</div> </div>
@ -846,7 +793,7 @@
> >
<div class="col-xl-4 col-lg-8 col-md-9 text-center text-xl-left"> <div class="col-xl-4 col-lg-8 col-md-9 text-center text-xl-left">
<h6>Things we do</h6> <h6>Things we do</h6>
<h2>Monkeying around</h2> <h2>this is yap</h2>
</div> </div>
<div class="col-xl-8 text-center"> <div class="col-xl-8 text-center">
<div class="row row-lg-50 row-40"> <div class="row row-lg-50 row-40">
@ -889,7 +836,7 @@
fill="#293043" fill="#293043"
></path> ></path>
</svg> </svg>
<p class="big">Accuracy</p> <p class="big">Goal-oriented work</p>
</div> </div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6"> <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"> <svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -938,7 +885,7 @@
fill="#293043" fill="#293043"
></path> ></path>
</svg> </svg>
<p class="big">HTML</p> <p class="big">Web development</p>
</div> </div>
<div class="col-xl-3 col-md-3 col-sm-4 col-6"> <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"> <svg width="70" height="70" viewbox="0 0 70 70" fill="none">
@ -1682,9 +1629,9 @@
<ul class="pricing-corporate-list"> <ul class="pricing-corporate-list">
<li class="pricing-corporate-item">Lorem</li> <li class="pricing-corporate-item">Lorem</li>
<li class="pricing-corporate-item">Ipsum</li> <li class="pricing-corporate-item">Ipsum</li>
<li class="pricing-corporate-item">Dolor</li> <li class="pricing-corporate-item">End</li>
<li class="pricing-corporate-item">Your</li> <li class="pricing-corporate-item">Of</li>
<li class="pricing-corporate-item disabled">Mom</li> <li class="pricing-corporate-item disabled">Yap</li>
</ul> </ul>
<a class="button button-secondary button-nuka" href="#" <a class="button button-secondary button-nuka" href="#"
>Contact Us<span class="button-overlay"></span >Contact Us<span class="button-overlay"></span
@ -1734,32 +1681,15 @@
<div class="col-md-6"> <div class="col-md-6">
<ul class="list-terms"> <ul class="list-terms">
<li class="list-terms-item"> <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"> <p class="list-terms-text">
Sunt aliquip tempor sint ea ea. Dolor labore enim Lorem 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.
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.
</p> </p>
<p class="list-terms-text">Basically, jeff joe bob.</p>
</li> </li>
<li class="list-terms-item"> <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"> <p class="list-terms-text">
Dolore est id esse do id aliqua est deserunt mollit 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.
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.
</p> </p>
</li> </li>
</ul> </ul>
@ -1767,23 +1697,15 @@
<div class="col-md-6"> <div class="col-md-6">
<ul class="list-terms"> <ul class="list-terms">
<li class="list-terms-item"> <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"> <p class="list-terms-text">
Irure veniam officia ex eiusmod sint. Est qui velit ut 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.
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.
</p> </p>
</li> </li>
<li class="list-terms-item"> <li class="list-terms-item">
<h4 class="list-terms-title">What do my kid do?</h4> <h4 class="list-terms-title">What is your refund policy?</h4>
<p class="list-terms-text">You son so dumb, iq 21</p> <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.
<ul class="list-marked offset-left-40"> </p>
<li>Friends call him ching chong</li>
<li>Fat like Kim Jong</li>
<li>Look like King Kong</li>
</ul>
</li> </li>
</ul> </ul>
</div> </div>
@ -1819,15 +1741,13 @@
</svg> </svg>
<div class="container"> <div class="container">
<div class="footer-corporate-main text-center wow fadeInUp"> <div class="footer-corporate-main text-center wow fadeInUp">
<h6>Were Ready to do things</h6> <h6>We are ready do things</h6>
<h2 class="heading-1">Lets monkey</h2> <h2 class="heading-1">Let's get started.</h2>
<p class="big"> <p class="big">
Ad eu nostrud aliquip reprehenderit Whenever you're ready, we are too.
<br class="d-none d-lg-block" />
dolor sunt consectetur id fugiat fugiat eu eiusmod mollit tempor.
</p> </p>
<a class="button button-secondary button-nuka" href="#" <a class="button button-secondary button-nuka" href="#"
>Contact Us<span class="button-overlay"></span >Apply<span class="button-overlay"></span
></a> ></a>
</div> </div>
<div <div

17
notes Normal file
View 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
View File

@ -1,5 +1,5 @@
{ {
"name": "site", "name": "CodeAbode",
"lockfileVersion": 3, "lockfileVersion": 3,
"requires": true, "requires": true,
"packages": { "packages": {