Skip to content

Commit

Permalink
Add Footer And Improve Sections
Browse files Browse the repository at this point in the history
  • Loading branch information
@KhaledAlsaleh
KhaledAlsaleh committed Dec 24, 2020
1 parent 6129dff commit 5f9e4ed
Show file tree
Hide file tree
Showing 6 changed files with 415 additions and 19 deletions.
1 change: 1 addition & 0 deletions debug.log
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
[1224/173133.209:ERROR:directory_reader_win.cc(43)] FindFirstFile: The system cannot find the path specified. (0x3)
165 changes: 154 additions & 11 deletions idex.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,9 @@
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Header & Logo & Navbar -->
<header>
<!-- Header & Logo & Navbar -->

<img id="logo" src="./images/logo-codecademy.png">
<nav>
<ul id="nav">
Expand Down Expand Up @@ -40,7 +41,7 @@

</header>

<!-- Main & 5 Sections -->
<!-- Main & 5 Sections -->
<main>

<section id="section1">
Expand Down Expand Up @@ -133,18 +134,160 @@ <h3>Land your dream job</h3>
<img id="backGround" src="./images/5-1.svg">
<img id="points" src="./images/5-2.svg">
<img id="rects" src="./images/5-3.svg">
<div>It’s time to start<br>
investing in yourself<br></div>
<p>Because learning to code might be the easiest way to change your career.</p>
<div id="whyToLearn">Tell us <span id="whySpan">why</span> you want<br>
to learn the code<br>
We'll show you <span id="whatSpan">what</span><br>
to learn</div>
<div id="whatToLearn">
<div id="webDevelopment">
<h3>Web Development</h3>
<ul>
<li>HTML/CSS</li>
<li>JAVASCRIPT</li>
</ul>
<p>Master the languages of the web: HTML, CSS, and JavaScript.
This path will prepare you to build basic websites
and then build interactive web apps.</p>
</div>
<div id="computerScience">
<h3>Programming and
<br>
Computer Science</h3>
<ul>
<li>PYTHON</li>
<li>CMD LINE</li>
</ul>
<p>Learn Python fundamentals, one of the hottest and fastest growing programming languages.
This is a great introduction to the world of code.</p>
</div>
<div id="dataScience">
<h3>Data Science</h3>
<ul>
<li>PYTHON</li>
<li>SQL</li>
</ul>
<p>Learn SQL and Python and build the skills you need to analyze data.
Great for anyone trying to use code to be more data-driven.</p>
</div>
</div>
</section>

</main>



<section id="section6">
<img id="firstImage" src="./images/6-1.svg">
<img id="secondImage" src="./images/6-2.svg">
<img id="thirdImage" src="./images/6-3.svg">
<div id="timeToStart">
<div>It’s time to start<br>
investing in yourself</div>
<p>Because learning to code might be the easiest way to change your career.</p>
<button>Get Started</button>
</div>
</section>

</main>
<!-- Footer -->
<footer>

<div id="topFooter">
<div id="leftFooter">
<div>
<h5>COMPANY</h5>
<p>About</p>
<p>We're Hiring</p>
<p>Shop</p>
</div>
<div>
<h5>RESOURCES</h5>
<p>Blog</p>
<p>Cheatsheets</p>
<p>Articles</p>
</div>
<div>
<h5>COMMUNITY</h5>
<p>Forums</p>
<p>Chapters</p>
<p>Events</p>
</div>
<div>
<h5>MOBILE</h5>
<p>App Store</p>
<p>Google Play</p>
</div>
<div>
<h5>INDIVIDUAL PLANS</h5>
<p>Pro Membership</p>
<p>For Students</p>
</div>
<div>
<h5>ENTERPRISE PLANS</h5>
<p>For Business</p>
<p>For Education</p>
</div>
<div>
<h5>SUPPORT</h5>
<p>Help Center</p>
</div>
</div>
<div id="betweenFooterParts1"></div>
<div id="rightFooter">
<h5>COURSE CATALOG</h5>
<div id="rightFooterContent">
<div id="leftContent">
<div>
<h5>Subjects</h5>
<p>Web Development</p>
<p>Data Science</p>
<p>Computer Science</p>
<p>Developer Tools</p>
<p>Macine Learning</p>
<p>Code Foundation</p>
<p>Web Design</p>
</div>
<div>
<h5>-</h5>
<p>Full Catalog</p>
<p>Beta Content</p>
<p>Roadmap</p>
</div>
</div>
<div id="rightContent">
<h5>Languages</h5>
<div id="languagesItems">
<div id="leftLanguageItems">
<p>HTML & CSS</p>
<p>Python</p>
<p>JavaScript</p>
<p>Java</p>
<p>SQL</p>
<p>Bash/Shell</p>
<p>Ruby</p>
</div>
<div id="rightLanguageItems">
<p>C++</p>
<p>R</p>
<p>C#</p>
<p>PHP</p>
<p>Go</p>
<p>Swift</p>
<p>Kotlin</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="betweenFooterParts2"></div>
<div id="bottomFooter">
<div id="bottomFooterLeftSide">
<p>Privacy Policy</p>
<p>Cookie Policy</p>
<p>Do Not Sell My Personal Information</p>
<p>Terms</p>
</div>
<div id="bottomFooterRightSide">
<div>Made with️❤️in NYC &copy; 2020 Codecademy</div>
</div>
</div>
</footer>
</body>
</html>
</html>️

1 change: 1 addition & 0 deletions images/6-1.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions images/6-2.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions images/6-3.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 5f9e4ed

Please sign in to comment.