Skip to content

added project to index.html file #9

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

added project to index.html file #9

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
161 changes: 79 additions & 82 deletions templates/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,102 +1,99 @@
<!DOCTYPE html>
<html>
<head>

<head>
<meta charset="utf-8">
<title>CodeClass</title>
<link rel="stylesheet" href="stylesheet.css">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Josefin+Sans:wght@600&family=Pacifico&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Barlow&family=Josefin+Sans:wght@600&family=Pacifico&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/fae507e010.js" crossorigin="anonymous"></script>
</head>
<body>
</head>

<body>
<div class="header">
<div class="header-logo">CodeClass</div>
<div class="header-list">
<ul>
<li>Contact us</li>
<li><a href="lessons.html">Lessons</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
<div class="header-logo">CodeClass</div>
<div class="header-list">
<ul>
<li>Contact us</li>
<li><a href="lessons.html">Lessons</a></li>
<li><a href="about.html">About</a></li>
</ul>
</div>
</div>

<div class="main">
<div class="copy-container">
<h1>HELLO WORLD<span>.</span></h1>
<h2>Let's learn to code</h2>
<p>You’ve heard tons about coding and know that it has to do with computers
and how they process the information we see. However, you may not have
much more than this vague understanding of the concept. Don’t feel bad.
Many people don’t really understand it, though we all depend on the fundamentals
of code each and every day. It’s such an important aspect of the technological
landscape that, according to Fortune, former President Obama unveiled an initiative
called “Computer Science for All” that has been backed by and invested in by big names,
including the Turner Broadcasting Network. This movement is one that mirrors that of our
nation’s schools that have been emphasizing the value of technology, computer science, engineering,
and other STEM-related topics. Read on to discover what computer code is and why it is
of such importance in today’s society.</p>
</div>

<div class="contents">
<h3 class="section-title">Lessons</h3>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg">
<p>HTML & CSS</p>
</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg">
<p>PHP</p>
<div class="copy-container">
<h1>HELLO WORLD<span>.</span></h1>
<h2>Let's learn to code</h2>
<p>You’ve heard tons about coding and know that it has to do with computers and how they process the information we see. However, you may not have much more than this vague understanding of the concept. Don’t feel bad. Many people don’t really
understand it, though we all depend on the fundamentals of code each and every day. It’s such an important aspect of the technological landscape that, according to Fortune, former President Obama unveiled an initiative called “Computer
Science for All” that has been backed by and invested in by big names, including the Turner Broadcasting Network. This movement is one that mirrors that of our nation’s schools that have been emphasizing the value of technology, computer
science, engineering, and other STEM-related topics. Read on to discover what computer code is and why it is of such importance in today’s society.</p>
</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg">
<p>Ruby</p>

<div class="contents">
<h3 class="section-title">Lessons</h3>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/html.svg">
<p>HTML & CSS</p>
</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/php.svg">
<p>PHP</p>
</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/ruby.svg">
<p>Ruby</p>
</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg">
<p>Swift</p>
</div>

</div>
<div class="contents-item">
<img src="https://s3-ap-northeast-1.amazonaws.com/progate/shared/images/lesson/html/study/swift.svg">
<p>Swift</p>
<div class="project-sec">
<h3 class="project">Projects</h3>
<div class="project-list">
<ul>
<li><i class="fas fa-code"> </i> Horizontal and vertical navigation using HTML and CSS.<a href="https://suubh.github.io/CSS-Learning/Tables/verticalnav.html">View here</a></li>
<li><i class="fas fa-code"> </i> Dropdown navigation using HTML and CSS.<a href="https://suubh.github.io/CSS-Learning/Tables/dropdown.html">View here</a></li>
<li><i class="fas fa-code"> </i> Some assignment work.<a href="https://suubh.github.io/CSS-Learning/Assignment/index.html">View here</a></li>
<li><i class="fas fa-code"> </i> Create amazing Github readme file for secret repository.Fork from here.<a href="https://github.com/suubh/suubh">View here</a></li>
<li><i class="fas fa-code"> </i> Playground for the new developers for writing HTML, CSS AND JavaScript. Supports HotReloading<a href="https://git-anurag-hub.github.io/javascript-playground/">View here</a></li>
<li><i class="fas fa-code"> </i> Contribute Button, build with Vue (HTML, JavaScript and CSS)<a href="https://github.com/d-schaffer/buy-me-a-beer-button">View here</a></li>
<li><i class="fas fa-code"> </i>Developed a webpage consists of about , timeline, features and resources of web technologies<a href="https://github.com/UshasriMavuri1999/Web-Technologies-Webpage">View here</a></li>
</ul>
</div>
</div>

</div>
<div class="project-sec">
<h3 class="project">Projects</h3>
<div class="project-list">
<ul>
<li><i class="fas fa-code"> </i> Horizontal and vertical navigation using HTML and CSS.<a href="https://suubh.github.io/CSS-Learning/Tables/verticalnav.html">View here</a></li>
<li><i class="fas fa-code"> </i> Dropdown navigation using HTML and CSS.<a href="https://suubh.github.io/CSS-Learning/Tables/dropdown.html">View here</a></li>
<li><i class="fas fa-code"> </i> Some assignment work.<a href="https://suubh.github.io/CSS-Learning/Assignment/index.html">View here</a></li>
<li><i class="fas fa-code"> </i> Create amazing Github readme file for secret repository.Fork from here.<a href="https://github.com/suubh/suubh">View here</a></li>
<li><i class="fas fa-code"> </i> Playground for the new developers for writing HTML, CSS AND JavaScript. Supports HotReloading<a href="https://git-anurag-hub.github.io/javascript-playground/">View here</a></li>
<li><i class="fas fa-code"> </i> Contribute Button, build with Vue (HTML, JavaScript and CSS)<a href="https://github.com/d-schaffer/buy-me-a-beer-button">View here</a></li>
</ul>
<div class="contact-form">
<h3 class="section-title">Contact us</h3>
<p>Email (Required)</p>

<input>

<p>Message (Required)</p>

<textarea></textarea>

<p>* Required fields must be filled</p>

<input class="contact-submit" type="submit" value="Send">


</div>
</div>

<div class="contact-form">
<h3 class="section-title">Contact us</h3>
<p>Email (Required)</p>

<input>

<p>Message (Required)</p>

<textarea></textarea>

<p>* Required fields must be filled</p>

<input class="contact-submit" type="submit" value="Send">


</div>
</div>

<div class="footer">
<div class="footer-logo">Shubham Singh</div>
<div class="footer-list">
<ul>
<li><a href="https://www.facebook.com/profile.php?id=100007093204284"><i class="fab fa-facebook fa-2x"></i></a></li>
<li><a href="https://github.com/suubh"><i class="fab fa-github fa-2x"></i></a></li>
<li><a href="https://www.linkedin.com/in/shubham-singh-356ba5168"><i class="fab fa-linkedin fa-2x"></i></a></li>
</ul>
</div>
<div class="footer-logo">Shubham Singh</div>
<div class="footer-list">
<ul>
<li><a href="https://www.facebook.com/profile.php?id=100007093204284"><i class="fab fa-facebook fa-2x"></i></a></li>
<li><a href="https://github.com/suubh"><i class="fab fa-github fa-2x"></i></a></li>
<li><a href="https://www.linkedin.com/in/shubham-singh-356ba5168"><i class="fab fa-linkedin fa-2x"></i></a></li>
</ul>
</div>
</div>
</body>
</body>

</html>