bogas04/cssjs.html

## cssjs.html
<!doctype html>
<html>
  <head>
    <title>Apna Codechef</title>
    <meta charset="utf-8"/>
    <link href="style.css" rel="stylesheet"/>
    <style>
      body {
        background-color : grey;
        color : white;
        font-size : 150%;
      }
      .form-elements {
        display : block;
        margin : 5px 20px 5px 20px;
      }
      #my-name {
        font-style: italics;color: grey;
      }
      #my-name:hover {
        font-size : 200%;
      color: green;
      }
      a {
        color: yellow;
      }
      a:hover {
        color: red;
      }
      a:visited {
        color : pink;
      }
      a:active {
        color : darkgrey;
      }
      textarea {
        height : 400px;
        width : 80vw;
        background-color : black;
        color : white;
        font-family : Menlo;
      }
      ol li:nth-child(2n + 1){
        color : red;
        text-shadow : 0px 0px 5px black;
      }
    </style>
  </head>
  <body>
    <h2 class="text-center"> Apna CodeChef </h2>
    <hr/>
    <p>
    Lorem Ipsum
    </p>
    <ul>
      <li>First</li>
      <ol>
        <li>Item #1</li>
        <li>Item #2</li>
        <li>Item #3</li>
      </ol>
    </ul>
    <div>
      Hello my name is <span id="my-name" style="">Divjot Singh</span>
    </div>
    <div class="container">
      <div class="row">
        <div class="col-md-4">
          <h1> HELLO </h1>
        </div>
        <div class="col-md-4">
          <h1> WORLD </h1>
        </div>
        <div class="col-md-4">
          <h1>!</h1>
        </div>
      </div>
    </div>
    <form method="post" action="server.php">
      <input class="form-elements" name="username" type="text" placeholder="Username"/>
      <input class="form-elements" name="password" type="password" placeholder="Password"/>
      <textarea class="form-elements" name="code" placeholder="Enter your code here"></textarea>
      <select class="form-elements" name="gender">
        <option>Male</option>
        <option>Female</option>
      </select>
      <input class="btn btn-primary" type="submit" value="Submit"/>
    </form>
    <table class="table table-bordered">
      <thead>
        <tr>
          <th>Rank</th>
          <th>Name</th>
          <th>Country</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>1</td><td>vipul27</td><td>MTV</td></tr>
        <tr><td>2</td><td>vipul29</td><td>India</td></tr>
        <tr><td>3</td><td>vipul30</td><td>China</td></tr>
        <tr><td>4</td><td>vipul31</td><td>Russia</td></tr>

      </tbody>
    </table>
    <a href="#my-name" target="_blank">Contact Us</a>
  </body>
  <script>
  var a = 5;
  a = "String";
  a = 123213.432234;
  a = 11e12;
  a = [1,123,'123',asd,fds,{key: "value"}];
  a = {}
  </script>
<!-- Frameworks available for

  1) Frontend
    a) Bootstrap (CSS) - Twitter
    b) AngularJS (MVC) - Google
    c) BackboneJS (M)
    d) ReactJS (V)     - Facebook
    e) EmberJS
  2) Backend Languages
    a) PHP
      o CodeIgniter
      o CakePHP
      * Composer [package manager]
    a.5) Java
      o J2EE Enterprise Edition
        * Servlets
        * Spring
        * Struts
        * Hibernate
    b) Ruby
      o Ruby on Rails
    c) Python
      o Web2Py
    d) JavaScript
      o Node.js
        * ExpressJS
        * npm [node package manager]
      o IO.js
-->
</html>
	<!doctype html>
	<html>
	<head>
	<title>Apna Codechef</title>
	<meta charset="utf-8"/>
	<link href="style.css" rel="stylesheet"/>
	<style>
	body {
	background-color : grey;
	color : white;
	font-size : 150%;
	}
	.form-elements {
	display : block;
	margin : 5px 20px 5px 20px;
	}
	#my-name {
	font-style: italics;color: grey;
	}
	#my-name:hover {
	font-size : 200%;
	color: green;
	}
	a {
	color: yellow;
	}
	a:hover {
	color: red;
	}
	a:visited {
	color : pink;
	}
	a:active {
	color : darkgrey;
	}
	textarea {
	height : 400px;
	width : 80vw;
	background-color : black;
	color : white;
	font-family : Menlo;
	}
	ol li:nth-child(2n + 1){
	color : red;
	text-shadow : 0px 0px 5px black;
	}
	</style>
	</head>
	<body>
	<h2 class="text-center"> Apna CodeChef </h2>
	<hr/>
	<p>
	Lorem Ipsum
	</p>
	<ul>
	<li>First</li>
	<ol>
	<li>Item #1</li>
	<li>Item #2</li>
	<li>Item #3</li>
	</ol>
	</ul>
	<div>
	Hello my name is <span id="my-name" style="">Divjot Singh</span>
	</div>
	<div class="container">
	<div class="row">
	<div class="col-md-4">
	<h1> HELLO </h1>
	</div>
	<div class="col-md-4">
	<h1> WORLD </h1>
	</div>
	<div class="col-md-4">
	<h1>!</h1>
	</div>
	</div>
	</div>
	<form method="post" action="server.php">
	<input class="form-elements" name="username" type="text" placeholder="Username"/>
	<input class="form-elements" name="password" type="password" placeholder="Password"/>
	<textarea class="form-elements" name="code" placeholder="Enter your code here"></textarea>
	<select class="form-elements" name="gender">
	<option>Male</option>
	<option>Female</option>
	</select>
	<input class="btn btn-primary" type="submit" value="Submit"/>
	</form>
	<table class="table table-bordered">
	<thead>
	<tr>
	<th>Rank</th>
	<th>Name</th>
	<th>Country</th>
	</tr>
	</thead>
	<tbody>
	<tr><td>1</td><td>vipul27</td><td>MTV</td></tr>
	<tr><td>2</td><td>vipul29</td><td>India</td></tr>
	<tr><td>3</td><td>vipul30</td><td>China</td></tr>
	<tr><td>4</td><td>vipul31</td><td>Russia</td></tr>

	</tbody>
	</table>
	<a href="#my-name" target="_blank">Contact Us</a>
	</body>
	<script>
	var a = 5;
	a = "String";
	a = 123213.432234;
	a = 11e12;
	a = [1,123,'123',asd,fds,{key: "value"}];
	a = {}
	</script>
	<!-- Frameworks available for

	1) Frontend
	a) Bootstrap (CSS) - Twitter
	b) AngularJS (MVC) - Google
	c) BackboneJS (M)
	d) ReactJS (V) - Facebook
	e) EmberJS
	2) Backend Languages
	a) PHP
	o CodeIgniter
	o CakePHP
	* Composer [package manager]
	a.5) Java
	o J2EE Enterprise Edition
	* Servlets
	* Spring
	* Struts
	* Hibernate
	b) Ruby
	o Ruby on Rails
	c) Python
	o Web2Py
	d) JavaScript
	o Node.js
	* ExpressJS
	* npm [node package manager]
	o IO.js
	-->
	</html>