JavaScriptP.html

<!DOCTYPE html>
<html>
    <head>
          <meta charset="utf-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <title>Java Script</title>
          <script src="https://kit.fontawesome.com/722121cb5c.js" crossorigin="anonymous"></script>
          <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
          <link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.css" />
          <link rel="stylesheet" href="css/site.css" />
    </head>
    <body>
<!--This navbar works great  -->
<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
            <a  id="logo" href="index.html" class="navbar-brand"><img id="postionimg"  src="images/codelogo.png" height="30" width="30"></a>
        </div>
        <div class="mynav_navbar">
            <a href="index.html"><i class="fa fa-home" aria-hidden="true"></i>&nbsp;Home</a>
            <!-- dropdown menu 1 futher plans  -->
            <a href="CareerPlan.html"><i class="fas fa-chart-line" aria-hidden="true"></i>&nbsp; Career Plan</a>

            <!-- dropdown menu 2 -->
            <a href="Portfolio.html"><i class="fas fa-user-secret" aria-hidden="true"></i>&nbsp;Portfolio</a>
           

            <!-- dropdown menu 3 -->
            <div class="mynav_dropdown">
                <button class="mynav_dropbtn">
                    <i class="fab fa-app-store"></i>&nbsp;
                    Free Apps
                    <i class="fa fa-caret-down"></i>
                </button>
                <div class="mynav_dropdown-content">
                    <a href="EducationSoftware.html"><i class="fa fa-bus" aria-hidden="true"></i>&nbsp;Education Software </a>
                    <a href="EnterpriseSoftware.html"><i class="fa fa-code" aria-hidden="true"></i>&nbsp;Enterprise Software</a>
                    <a href="EthicalSoftware.html"><i class="fa fa-code-fork" aria-hidden="true"></i>&nbsp;Ethical Software</a>
                </div>
            </div>
            <!-- drop down menu 4 -->
            <div class="mynav_dropdown">
                <button class="mynav_dropbtn">
                    <i class="fas fa-project-diagram"></i>&nbsp;
                    Coding Projects
                    <i class="fa fa-caret-down"></i>
                </button>
                <div class="mynav_dropdown-content">
                    <a href="OpenCVP.html"><i class="fab fa-opencart"></i>&nbsp;OpenCV</a>
                    <a href="JavaScriptP.html"><i class="fab fa-js"></i>&nbsp;Java Scripts</a>
                    <a href="JavaP.html"><i class="fab fa-java" aria-hidden="true"></i>&nbsp;Java</a>
                    <a href="CSharp.html"><i class="fas fa-laptop" aria-hidden="true"></i>&nbsp;C#</a>
                    <a href="PythonP.html"><i class="fab fa-python" aria-hidden="true"></i>&nbsp;Python</a>
                </div>
            </div>
            <!-- end of your drop down menu -->
            <a href="About.html">About Me</a>
        </div>
    </div>
</nav>
<!-- end of main navbar  -->


<div class="container">
    <div class="card">
        <div class="box">
            <div class="percent">
                <svg>
                    <circle cx="70" cy="70" r="70"></circle>
                    <circle cx="70" cy="70" r="70"></circle>
                </svg>
                <div class="number">
                    <h2>90<span>%</span></h2>
                </div>
            </div>
            <h2 class="text-capitalize">JavaScript Skill Level</h2>
            <hr/>
            <br/>
            <br/>
        </div><!--end of the box div-->
        <div class="my_home_div1">
            <p>
                This section will demonstrate the amount of script coding I have done. There are two sections divided one learning zone which occured during my
                University and private time. The other section is Professional level which took place in the Industry.<br/>
            </p>

            <div>
                <h3>Professional Level</h3>
            </div>
            <p></p>
            <br><br />
            <hr />
            <p>
                <h3>Learning zone</h3>
            </p>
            <p>
                Each Project is written in HTML and JavaScript has been applied. At each interval the difficulty of the task has been increase at each level.
                <br />
                Employeer are advice to right click on each page and view source code to obtain the logic structure the way the code was written.
            </p>


            <ul>
                <a href="dproj/jsProject/String.html">JavaScript working with String1</a>.<br><br />
                <a href="dproj/jsProject/String2.html">JavaScript working with String2</a>.<br><br />

                
                    <a href="dproj/jsProject/Array1.html">JavaScript working  with Array1</a>.
                    <br><br />
                
                <a href="dproj/jsProject/CheckAge.html">JavaScript Example of validating Age</a>.  <br><br />

                <a href="dproj/jsProject/Loop1-10.html">JavaScript Example Loop 1-10</a>.<br><br /> 

                <a href="dproj/jsProject/LoopCheck2.html">JavaScript Example Loop 2</a>.<br><br /> 

                <a href="dproj/jsProject/FuzzBuzz.html">JavaScript Example of FuzzBuzz</a>.<br><br /> 

                <a href="dproj/jsProject/Iteration4.html">JavaScript Example of Iteration</a>.<br><br />

                 <a href="dproj/jsProject/chkTriple.html">JavaScript Example Check Triple</a>.<br><br />

                <a href="dproj/jsProject/DOM.html">JavaScript Example of DOM</a>.<br><br />

                 <a href="dproj/jsProject/JasonBasicPrint.html">JavaScript Basic Jason</a><br><br />

                <a href="dproj/jsProject/JsonBasic.html">JavaScript Example Jason Search</a>.<br><br /> 

                <a href="dproj/jsProject/GarageAdmin.html">Project Garage Admin</a>.<br><br /> 

                <a href="dproj/jsProject/Garage.html">Project Garage </a>.<br><br />

                 <a href="dproj/jsProject/garage.js">Project Garage  JavaScript file</a>.<br><br />

            </ul>
            <hr />


        </div><!--end of the home div -->

    </div><!--end of card container-->
</div> <!-- end of the container div-->


</body>
</html>