update

Author: gantavyamalviya

dsa_styles.css

@@ -141,6 +141,10 @@ a:hover {
     background-color: white;
 }
 
+a {
+    color: steelblue;
+}
+
 .but a {
     color: white
 }

java/1.html

@@ -90,7 +90,7 @@ <h5>Hello World Program </h5>
                 }
             }</code></pre> -->
 
-        <center></center><pre>
+        <center><pre>
                 <code>// Your First Program
 
                 class HelloWorld {

python/1.html

@@ -34,8 +34,8 @@
     <nav class="navbar fixed-top navbar-expand-xl navbar-dark">
         <a class="navbar-brand" href="../index.html">CODEMISTIC</a>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
-                    <span class="navbar-toggler-icon"></span>
-                </button>
+            <span class="navbar-toggler-icon"></span>
+        </button>
         <div class="collapse navbar-collapse" id="navbarSupportedContent">
             <ul class="navbar-nav ml-auto">
                 <li class="nav-item">
@@ -67,20 +67,20 @@
     <section class="para">
         <div class=" but ">
             &nbsp;&nbsp;&nbsp;&nbsp;<button class="btn btn-md btn-primary "><a href="../python.html"><i class="fas fa-arrow-left "></i>&nbsp;Back to Index</a></button>
-            <br>
-            <center>
-                <h2>Python Introduction</h2><br>
-            </center>
+        </div>
+        <div class="wrapper">
+            <h2>Python Introduction</h2>
+
             <h2>What is Python?</h2>
 
             <p>Python is an interpreted, object-oriented, high-level programming language with dynamic semantics. Its high-level built in data structures, combined with dynamic typing and dynamic binding, make it very attractive for Rapid Application Development,
                 as well as for use as a scripting or glue language to connect existing components together. Python's simple, easy to learn syntax emphasizes readability and therefore reduces the cost of program maintenance. Python supports modules and
-                packages, which encourages program modularity and code reuse. The Python interpreter and the extensive standard library are available in source or binary form without charge for all major platforms, and can be freely distributed. <br>Often,
-                programmers fall in love with Python because of the increased productivity it provides. Since there is no compilation step, the edit-test-debug cycle is incredibly fast. Debugging Python programs is easy: a bug or bad input will never
-                cause a segmentation fault. Instead, when the interpreter discovers an error, it raises an exception. When the program doesn't catch the exception, the interpreter prints a stack trace. A source level debugger allows inspection of local
-                and global variables, evaluation of arbitrary expressions, setting breakpoints, stepping through the code a line at a time, and so on. The debugger is written in Python itself, testifying to Python's introspective power. On the other hand,
-                often the quickest way to debug a program is to add a few print statements to the source: the fast edit-test-debug cycle makes this simple approach very effective.<br> Python is a popular programming language. It was created by Guido van
-                Rossum, and released in 1991.</p>
+                packages, which encourages program modularity and code reuse. The Python interpreter and the extensive standard library are available in source or binary form without charge for all major platforms, and can be freely distributed.
+                <br>Often, programmers fall in love with Python because of the increased productivity it provides. Since there is no compilation step, the edit-test-debug cycle is incredibly fast. Debugging Python programs is easy: a bug or bad input
+                will never cause a segmentation fault. Instead, when the interpreter discovers an error, it raises an exception. When the program doesn't catch the exception, the interpreter prints a stack trace. A source level debugger allows inspection
+                of local and global variables, evaluation of arbitrary expressions, setting breakpoints, stepping through the code a line at a time, and so on. The debugger is written in Python itself, testifying to Python's introspective power. On the
+                other hand, often the quickest way to debug a program is to add a few print statements to the source: the fast edit-test-debug cycle makes this simple approach very effective.<br> Python is a popular programming language. It was created
+                by Guido van Rossum, and released in 1991.</p>
             <h2>Who manages Python Today?</h2>
 
             <p>From version 2.1 onwards, Python is managed by Python Software Foundation situated in Delaware, USA It is a non-profit organization devoted to the growth and enhancement of Python language. Their website is http://www.python.org .</p>
@@ -169,7 +169,9 @@ <h2>IDE</h2>
                 and they are free, but they have less features. PyCharm Edu provides courses and helps you learn programming with Python. The Professional edition is commercial, and provides an outstanding set of tools and features.</p>
             <h2>Installing Pycharm</h2>
             <ol>
-                <li>To download Pycharm visit the website https://www.jetbrains.com/pycharm/download</li>
+                <li>To download Pycharm visit
+                    <a href="https://www.jetbrains.com/pycharm/download">Jetbrains website</a>
+                </li>
                 <li>Here you will observe two versions of package for Windows/Mac/Linux</li>
                 <li>Click the " DOWNLOAD " link under the Community Section.</li>
                 <li>Once the download is complete, run the exe for install PyCharm. The setup wizard should have started. Click “Next”.</li>
@@ -186,15 +188,11 @@ <h2>Installing Pycharm</h2>
 
 
 
-
-
-
-
-            <br> &nbsp;&nbsp;&nbsp;&nbsp;
-            <div class="but text-right">
-                <button class="btn btn-primary pull-right "><a href="2.html ">Next Topic&nbsp;<i class="fas fa-arrow-right "></i></a></button>
-            </div>
-            <br></section>
+        </div> <br> &nbsp;&nbsp;&nbsp;&nbsp;
+        <div class="but text-right ">
+            <button class="btn btn-primary pull-right "><a href="2.html ">Next Topic&nbsp;<i class="fas fa-arrow-right "></i></a></button>
+        </div>
+        <br></section>
     <center><br>
         <h5>More Topics Uploading soon...</h5>
         <hr>

python_styles.css

@@ -1,3 +1,45 @@
+/* Utilities */
+
+body {
+    text-align: left;
+}
+
+hr {
+    margin: 50px auto;
+    border-color: rgb(138, 135, 135);
+    width: 50%;
+}
+
+h1,
+h2,
+h3,
+h6 {
+    margin: 50px auto;
+    line-height: 1.5;
+    text-align: left;
+}
+
+p {
+    line-height: 1.5;
+    text-align: left;
+    font-size: 1.1rem;
+    color: rgba(88, 90, 92, 0.938);
+}
+
+strong {
+    margin: 40px auto;
+}
+
+.wrapper {
+    padding-left: 5%;
+    padding-right: 5%;
+}
+
+a:hover {
+    text-decoration: none;
+}
+
+
 /* navbar */
 
 .navbar {
@@ -19,7 +61,7 @@
 }
 
 .header {
-    background-color: #bbe1fab9;
+    background-color: #c0e3fab9;
     padding: 3% 5%;
     position: sticky;
 }
@@ -31,7 +73,7 @@
 }
 
 .cpp-img {
-    width: 100%;
+    width: 60%;
 }
 
 .languages {
@@ -61,11 +103,6 @@
     line-height: 20px;
 }
 
-h5,
-h2 {
-    text-align: center;
-}
-
 .hljs {
     display: block;
     overflow-x: auto;
@@ -98,17 +135,13 @@ h2 {
     padding-right: 20px;
 }
 
-.para a {
-    color: steelblue;
-}
-
-body {
+.body {
     font-family: 'Varela Round', sans-serif;
     background-color: white;
 }
 
 .but a {
-    color: white;
+    color: white
 }
 
 .btn-primary {
@@ -117,36 +150,20 @@ body {
     border-color: steelblue;
 }
 
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p {
-    line-height: 1.5;
-}
-
-.para,
-p,
-ol,
-ul {
+.but {
     font-size: 1.1rem;
     color: rgba(88, 90, 92, 0.938);
     padding-left: 5%;
     padding-right: 5%;
+    margin-bottom: 50px;
+    margin-top: 15px;
 }
 
 .container-fluid {
     padding-left: 0;
     padding-right: 0;
 }
 
-hr {
-    border-color: rgb(138, 135, 135);
-    width: 50%;
-}
-
 .row {
     margin-right: 0;
 }
@@ -158,6 +175,10 @@ hr {
     box-shadow: 1px 1px 5px 3px #9babf0b7;
 }
 
+.pre-footer {
+    text-align: center;
+}
+
 
 /* footer*/
 
@@ -168,16 +189,37 @@ footer {
     background-color: steelblue;
     padding: 2%;
     margin-top: 3%;
+    text-align: center;
+}
+
+.foot-header {
+    margin-bottom: 8px;
+    margin-top: 0;
 }
 
 .footer-links {
     margin-bottom: 1%;
 }
 
 .foot {
+    text-align: center;
     color: white;
 }
 
 .icons {
     padding-left: 15px;
+}
+
+pre {
+    padding: 16px;
+    border-radius: 4px;
+    border: 1px solid #d3dce6;
+    background-color: #f5f5f5;
+    margin-bottom: 16px;
+    font-family: "Droid Sans Mono", "Inconsolata", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier", monospace;
+    font-size: 14px;
+    line-height: 20px;
+    overflow: auto;
+    margin-left: 10px;
+    text-align: left;
 }