Project 0

In this example below you will see how to do a Project 0 with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by SwagLikeABoss, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright SwagLikeABoss ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Project 0</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <!--This is the title-->
<h1>Project 0: Viraj's Path in Learning Web Programming</h1>
<hr />
<!--This is the content-->
<p>My name is  Viraj Agarwala. I started learning programming today.</p>
<img src="http://roman-reigns.net/wp-content/uploads/2015/08/Roman-Reigns-min.jpg">
<!--to add break do br and tab-->
<br />
<iframe width="560" height="315" src="https://www.youtube.com/embed/sS8_QAqdQUc" frameborder="0" allowfullscreen></iframe>
<hr />
<h2>Why I want to learn web programming?</h2>
<p>I want to learn it because it is very fun and I want to create cool games and apps with it. I will iprove my problem-solving skills</p>
<h3>What do I want to learn?</h3>
<p>I want to learn how to program in HTML, CSS and JavaScript. I also want to learn computational thinking.</p>
<hr />
<ul>
  <li>Tech </li>
  <li>Chinese</li>
  <li>Math</li>
  <li>Band</li>
  <li>PE</li>
  <li>Science</li>
  <li>RLA</li>
  <li>Social Studies</li>
  <li>Drama</li>
</ul>
<!--ul is unordered and ol is ordered, and li is list item-->
<hr />
<ol>
  <li>Tech </li>
  <li>Chinese</li>
  <li>Math</li>
  <li>Band</li>
  <li>PE</li>
  <li>Science</li>
  <li>RLA</li>
  <li>Social Studies</li>
  <li><a href="https://www.youtube.com/watch?v=IllxqeXh8Go" target = "_blank">Drama</a></li>
</ol>
<hr />
<a href="https://123movies.is/film/black-ish-season-3-16534/watching.html" target = "_blank">Black-ish season 3</a>
<!-- type this to open a page in a new tab  target = "_blank"-->
<div></div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/SwagLikeABoss/project-0-bgEGRW */
img{
  width:200px;
  height:300px;
}

Comments