made fonts bigger chenge header picture and redid form button

radhe098 · Aug 26, 2020 · 253b1bd · 253b1bd
1 parent 81d41a3
commit 253b1bd
Show file tree

Hide file tree

Showing 8 changed files with 63 additions and 50 deletions.
diff --git a/about.html b/about.html
@@ -358,16 +358,16 @@ <h5>
           </h5>
           <div class="buttons">
             <a class="a2a_button_facebook"
-              ><i class="fab fa-facebook fa-2x"></i
+              ><i class="fab fa-facebook fa-4x"></i
             ></a>
             <a class="a2a_button_twitter"
-              ><i class="fab fa-twitter fa-2x"></i
+              ><i class="fab fa-twitter fa-4x"></i
             ></a>
             <a class="a2a_button_email"
-              ><i class="fas fa-envelope-square fa-2x"></i
+              ><i class="fas fa-envelope-square fa-4x"></i
             ></a>
             <a class="a2a_button_whatsapp"
-              ><i class="fab fa-whatsapp fa-2x"></i
+              ><i class="fab fa-whatsapp fa-4x"></i
             ></a>
           </div>
         </div>

diff --git a/beyondztm.html b/beyondztm.html
@@ -84,10 +84,10 @@ <h5>EModern HTML5, CSS3, and JavaScript to build Responsive and Mobile Friendly
                 <div class="a2a_kit a2a_kit_size_32 a2a_default_style" style="line-height: 32px">
                     <h5>If you enjoyed the course like I did, share it so more people can enjoy it!</h5>
                     <div class="buttons">
-                        <a class="a2a_button_facebook"><i class="fab fa-facebook fa-2x"></i></a>
-                        <a class="a2a_button_twitter"><i class="fab fa-twitter fa-2x"></i></a>
-                        <a class="a2a_button_email"><i class="fas fa-envelope-square fa-2x"></i></a>
-                        <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a>
+                        <a class="a2a_button_facebook"><i class="fab fa-facebook fa-4x"></i></a>
+                        <a class="a2a_button_twitter"><i class="fab fa-twitter fa-4x"></i></a>
+                        <a class="a2a_button_email"><i class="fas fa-envelope-square fa-4x"></i></a>
+                        <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-4x"></i></a>
                     </div>
                 </div>
 

diff --git a/contributersProfile.html b/contributersProfile.html
@@ -434,10 +434,10 @@ <h5>
               enjoy it!
             </h5>
             <div class="buttons">
-              <a class="a2a_button_facebook"><i class="fab fa-facebook fa-2x"></i></a>
-              <a class="a2a_button_twitter"><i class="fab fa-twitter fa-2x"></i></a>
-              <a class="a2a_button_email"><i class="fas fa-envelope-square fa-2x"></i></a>
-              <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a>
+              <a class="a2a_button_facebook"><i class="fab fa-facebook fa-4x"></i></a>
+              <a class="a2a_button_twitter"><i class="fab fa-twitter fa-4x"></i></a>
+              <a class="a2a_button_email"><i class="fas fa-envelope-square fa-4x"></i></a>
+              <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-4x"></i></a>
             </div>
           </div>
           <!-- <div id="credits">

diff --git a/index.html b/index.html
@@ -18,7 +18,8 @@
     <!-- Font Awsome CSS -->
     <link rel="stylesheet" type="text/css"
         href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
+        integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
 </head>
 
 <body>
@@ -58,24 +59,29 @@
                 <div class="header-content d-flex flex-column align-items-center">
                     <h1>
                         <div id="carouselExampleSlidesOnly" class="carousel slide" data-ride="carousel">
-                          <div class="carousel-inner">
-                            <div class="carousel-item active">
-                                <div draggable="true"><a href="https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/" target="_blank">Web Development <br></div>
-                            </div>
-                            <div class="carousel-item">
-                              <div draggable="true"><a href="https://www.udemy.com/course/complete-python-developer-zero-to-mastery/" target="_blank">Python <br></div>
-                            </div>
-                            <div class="carousel-item">
-                              <div draggable="true"><a href="https://www.udemy.com/course/complete-machine-learning-and-data-science-zero-to-mastery/" target="_blank">Machine Learning <br></div>
+                            <div class="carousel-inner">
+                                <div class="carousel-item active">
+                                    <div draggable="true"><a
+                                            href="https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/"
+                                            target="_blank">Web Development <br></div>
+                                </div>
+                                <div class="carousel-item">
+                                    <div draggable="true"><a
+                                            href="https://www.udemy.com/course/complete-python-developer-zero-to-mastery/"
+                                            target="_blank">Python <br></div>
+                                </div>
+                                <div class="carousel-item">
+                                    <div draggable="true"><a
+                                            href="https://www.udemy.com/course/complete-machine-learning-and-data-science-zero-to-mastery/"
+                                            target="_blank">Machine Learning <br></div>
+                                </div>
                             </div>
-                          </div>
                         </div>
                         <hr>
                         <a>Zero To<span class="masteryColor"> Mastery</span></a>
                     </h1>
 
-                    <a href="instructor.html"
-                        id="course-button" class="btn btn-danger">View Courses</a>
+                    <a href="instructor.html" id="course-button" class="btn btn-primary">View Courses</a>
 
                 </div>
             </div>
@@ -307,11 +313,11 @@ <h4> The course is constantly being updated with the most recent technologies, f
                 <div class="a2a_kit a2a_kit_size_32 a2a_default_style" style="line-height: 32px">
                     <h5>If you enjoyed the course like I did, share it so more people can enjoy it!</h5>
                     <div class="buttons">
-                        <a class="a2a_button_facebook"><i class="fab fa-facebook fa-2x"></i></a>
-                        <a class="a2a_button_twitter"><i class="fab fa-twitter fa-2x"></i></a>
-                        <a class="a2a_button_email"><i class="fas fa-envelope-square fa-2x"></i></a>
-                        <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-2x"></i></a>
-                        <a class="a2a_button_instagram"><i class="fab fa-instagram fa-2x"></i></a>
+                        <a class="a2a_button_facebook"><i class="fab fa-facebook fa-4x"></i></a>
+                        <a class="a2a_button_twitter"><i class="fab fa-twitter fa-4x"></i></a>
+                        <a class="a2a_button_email"><i class="fas fa-envelope-square fa-4x"></i></a>
+                        <a class="a2a_button_whatsapp"><i class="fab fa-whatsapp fa-4x"></i></a>
+                        <a class="a2a_button_instagram"><i class="fab fa-instagram fa-4x"></i></a>
                     </div>
                 </div>
 
@@ -320,26 +326,32 @@ <h5>If you enjoyed the course like I did, share it so more people can enjoy it!<
                 </div>
             </div>
         </div>
-
-        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
-        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
-        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
+
+        <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
+            integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
+        </script>
+        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"
+            integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous">
+        </script>
+        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"
+            integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous">
+        </script>
         <script src="resources/scripts/particles.js"></script>
         <script src="resources/scripts/app.js"></script>
         <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
             integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
-            </script>
+        </script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
             integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous">
-            </script>
+        </script>
         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
             integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
-            </script>
+        </script>
         <script src="https://code.jquery.com/jquery-3.4.1.min.js"
             integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
         <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.9"></script>
         <script type="text/javascript" src="resources/scripts/script.js"></script>
         <script async src="https://static.addtoany.com/menu/page.js"></script>
 </body>
 
-</html>
+</html>
diff --git a/instructor.html b/instructor.html
@@ -164,16 +164,16 @@ <h5>
           </h5>
           <div class="buttons">
             <a class="a2a_button_facebook"
-              ><i class="fab fa-facebook fa-2x"></i
+              ><i class="fab fa-facebook fa-4x"></i
             ></a>
             <a class="a2a_button_twitter"
-              ><i class="fab fa-twitter fa-2x"></i
+              ><i class="fab fa-twitter fa-4x"></i
             ></a>
             <a class="a2a_button_email"
-              ><i class="fas fa-envelope-square fa-2x"></i
+              ><i class="fas fa-envelope-square fa-4x"></i
             ></a>
             <a class="a2a_button_whatsapp"
-              ><i class="fab fa-whatsapp fa-2x"></i
+              ><i class="fab fa-whatsapp fa-4x"></i
             ></a>
           </div>
         </div>

diff --git a/register.html b/register.html
@@ -154,7 +154,7 @@ <h1>HTML 5 Registration</h1>
                 >
               </div>
             </div>
-            <button type="submit" id='submit-btn' class="btn btn-dark">Submit</button>
+            <button type="submit" id='submit-btn' class="btn btn-danger">Submit</button>
           </form>
         </div>
       </div>
@@ -170,16 +170,16 @@ <h5>
           </h5>
           <div class="buttons">
             <a class="a2a_button_facebook"
-              ><i class="fab fa-facebook fa-2x"></i
+              ><i class="fab fa-facebook fa-4x"></i
             ></a>
             <a class="a2a_button_twitter"
-              ><i class="fab fa-twitter fa-2x"></i
+              ><i class="fab fa-twitter fa-4x"></i
             ></a>
             <a class="a2a_button_email"
-              ><i class="fas fa-envelope-square fa-2x"></i
+              ><i class="fas fa-envelope-square fa-4x"></i
             ></a>
             <a class="a2a_button_whatsapp"
-              ><i class="fab fa-whatsapp fa-2x"></i
+              ><i class="fab fa-whatsapp fa-4x"></i
             ></a>
           </div>
         </div>

diff --git a/resources/images/laptop-header.jpg b/resources/images/laptop-header.jpg
diff --git a/resources/style/style.css b/resources/style/style.css
@@ -12,8 +12,8 @@ body {
 }
 
 #course-button:hover {
-  background-color: yellow;
-  color: black;
+  background-color: #007bff;
+  color: #fff;
   transform: scale(1.2);
 }
 
@@ -118,7 +118,7 @@ nav.navbar button.navbar-toggler {
 /* HEADER SECTION */
 .header-container {
   height: 100vh;
-  background-image: url("../images/header-bg.jpg");
+  background-image: url("../images/laptop-header.jpg");
   /* background-position: fixed;
   background-repeat: no-repeat;
   background-size: cover;
@@ -170,6 +170,7 @@ nav.navbar button.navbar-toggler {
 
 .masteryColor{
   color: yellow;
+  font-weight: bold;
 }
 
 .header-content hr {