added a new page with more info regarding the junior to senior course

radhe098 · Jan 7, 2020 · 6c85792 · 6c85792
1 parent 598de08
commit 6c85792
Show file tree

Hide file tree

Showing 5 changed files with 108 additions and 1 deletion.
diff --git a/about.html b/about.html
@@ -40,6 +40,7 @@
         </li>
       </ul>
     </div>
+    <a class="nav-link ml-md-auto" href="beyondztm.html">Beyond Zero to Mastery</a>
   </nav>
   <div class="animated bounce">
     <div class="container-fluid about-container">

diff --git a/beyondztm.html b/beyondztm.html
@@ -0,0 +1,97 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Zero to Mastery - My HTML Project</title>
+    <link rel="icon" href="resources\images\logo.png" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" />
+    <link rel="stylesheet" href="resources/style/particles.css">
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
+        integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css?family=Lora|Montserrat&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css?family=Lora|Montserrat&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css">
+    <link rel="stylesheet" href="resources/style/style.css" />
+</head>
+
+<body>
+    <!-- navbar -->
+    <nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
+        <a class="navbar-brand" href="index.html"><img src="resources/images/logo.png" alt=""></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>
+
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+            <ul class="navbar-nav mr-auto">
+                <li class="nav-item">
+                    <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="about.html">About</a>
+                </li>
+                <li class="nav-item register-link">
+                    <a class="nav-link" href="register.html">Sign Up</a>
+            </ul>
+        </div>
+        <a class="nav-link ml-md-auto" href="beyondztm.html">Beyond Zero to Mastery</a> 
+    </nav>
+
+    <div class="animated bounce">
+        <div class="container-fluid header-container">
+            <div class="header-container-bg-fade">
+                <div id="particles-js"></div>
+                <div class="header-content">
+                    <h1>Web Development<br>
+                        <hr>
+                        <a href="https://www.udemy.com/course/the-complete-junior-to-senior-web-developer-roadmap/"
+                            target="_blank">Junior to Senior Roadmap</a>
+                    </h1>
+                    <div class="paragraph">
+                        <h5>Even after reaching mastery, sometimes, one is left with a taste of wanting more.
+                        This is where The Complete Junior to Senior Web Developer Roadmap (2020) comes in. While ZtM shapes you to become a master Junior Developer, JtS will take you to greater heights by guiding you step by step on your journey of going from Junior to Senior developer.
+                        </h5>
+                    </div>
+                </div>
+            </div>
+
+            <div class="container-fluid footer-container">
+                <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>
+                    </div>
+                </div>
+
+                <div id="credits">
+                    Made by CWD &copy; All rights reserved... NOT
+                </div>
+            </div>
+        </div>
+
+        <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 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 src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
+            integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous">
+        </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>
diff --git a/index.html b/index.html
@@ -39,6 +39,7 @@
                 </li>
             </ul>
         </div>
+        <a class="nav-link ml-md-auto" href="beyondztm.html">Beyond Zero to Mastery</a>
     </nav>
 
     <div class="animated bounce">

diff --git a/register.html b/register.html
@@ -40,6 +40,7 @@
         </li>
       </ul>
     </div>
+    <a class="nav-link ml-md-auto" href="beyondztm.html">Beyond Zero to Mastery</a>
   </nav>
 
   <div class="animated bounce">

diff --git a/resources/style/style.css b/resources/style/style.css
@@ -35,7 +35,7 @@ body {
 }
 
 .navbar-collapse ul {
-  margin: 0 auto;
+  margin-left: auto;
 }
 
 .navbar-collapse ul li {
@@ -108,6 +108,13 @@ body {
   padding: 2rem;
 }
 
+.paragraph {
+  margin: 100px;
+  border: 3px solid white;
+  padding: 10px;
+  border-radius: 8px;
+}
+
 /* DETAILS SECTION */
 .details-container {
   width: 100%;
-Original file line number
+Diff line change
@@ Expand Up / @@ -40,6 +40,7 @@ @@
             </li>
           </ul>
         </div>
+        <a class="nav-link ml-md-auto" href="beyondztm.html">Beyond Zero to Mastery</a>
       </nav>
       <div class="animated bounce">
         <div class="container-fluid about-container">
@@ Expand Down @@