diff --git a/1.html b/1.html
index b87ab24..6efed2f 100644
--- a/1.html
+++ b/1.html
@@ -3,17 +3,56 @@
 <head>
 <title> WEB1SM-html </title>
 <meta charset = "utf-8">
+<style>
+body{
+  margin:0;
+}
+  a{
+color:black;
+text-decoration: none;
+}
+.saw {
+  color:black;
+}
+#active {
+  color:red;
+}
+h1{
+  font-size:45px;
+  text-align:center;
+  border-bottom : 1px solid gray;
+  margin:0;
+  padding:20px;
+}
+ol{
+  border-right : 1px solid gray;
+  width:100px;
+  margin:0;
+  padding:20px;
+}
+#grid{
+  display:grid;
+  grid template-columns: 150px 1fr;
+}
+</style>
 </head>
-<body><h1>WEB</h1>
+<body>
+  <h1><a href="index.html" class="saw">WEB</h1>
+    <div id="grid">
 <ol>
-<li><a href="1.html">HTML</a></li>
-<li><a href="2.html">CSS</a></li>
-<li><a href="3.html">JavaScript</a></li>
+<li><a href="1.html" class="saw">HTML</a></li>
+<li><a href="2.html" class="saw" id="active">CSS</a></li>
+<li><a href="3.html" class="saw">JavaScript</a></li>
 </ol>
-<h2>HTML</h2><p><a href ="https://www.w3.org/TR/html5/" target="_blank" title="html5 specification">
+<div id="grid">
+<h2>HTML</h2><p>
+  <iframe width="560" height="315" src="https://www.youtube.com/embed/jSJM9iOiQ1g" frameborder="0" allowfullscreen></iframe>
+</p>
+<p>
+  <a href ="https://www.w3.org/TR/html5/" target="_blank" title="html5 specification">
 Hypertext Markup Language (HTML)</a> is the
 standard markup language for
-<strong>creating <u>web</u> pages</strong>
+<strong>creating web pages</strong>
 and web applications.</p>
 <p>Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages.
   HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.
@@ -23,5 +62,31 @@ <h2>HTML</h2><p><a href ="https://www.w3.org/TR/html5/" target="_blank" title="h
    It provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items.
    HTML elements are delineated by tags, written using angle brackets.
 </p>
+</div>
+</div>
+<p>
+    <div id="disqus_thread"></div>
+<script>
+
+/**
+*  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
+*  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
+/*
+var disqus_config = function () {
+this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
+this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
+};
+*/
+(function() { // DON'T EDIT BELOW THIS LINE
+var d = document, s = d.createElement('script');
+s.src = 'https://web1-2.disqus.com/embed.js';
+s.setAttribute('data-timestamp', +new Date());
+(d.head || d.body).appendChild(s);
+})();
+</script>
+<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+
+  </p>
+
 </body>
   </html>
