Untitled

<!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>Javascript Practice</title>
    <link rel="stylesheet" type="text/css" href="javascriptstyle.css" media="screen">
</head>
<body>
    <div id="container">
        <div id="header">
            <h1>Javascript Basics</h1>
        </div>
        <div id="box-2">
            <p>Home</p>
            <ul>
                <li><a class="white-text" href="">Javascript Overview</a ></li>
                    <ul>
                        <li><a class="white-text" href="">Variable Declaration</a> </li>
                        <li><a class="white-text" href="">Variable Assignment</a></li>
                        <li><a class="white-text" href="">Data Type</a></li>
                        <li><a class="white-text" href="">Conditionals</a></li>
                        <li><a class="white-text" href="">Loops</a></li>
                        <li><a class="white-text" href="">Functions</a></li>
                    </ul>
                <li><a class="white-text" href="">Projects</a></li>
                <li><a class="white-text" href="">Assignments</a></li>
                <li><a class="white-text" href="">Quiz</a></li>

            </ul>
        </div>
        <div id="box-3">
            <h1>JavaScript Basics</h1>
            <p>
                Javascript is a cross-platform, object-oriented scripting language. Javascript is extremely popular for a variet of reasons.
            </p>
            <ul>
                <li><a class="blue-text" href="">Variable Delcaration</a> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique laboriosam vitae, rem itaque recusandae, obcaecati dicta quis, harum possimus quod sit repellat blanditiis nam cupiditate voluptatum exercitationem nisi <a href="">consequuntur</a> eos.</li>
                <li><a class="blue-text" href="">Variable Assignment</a>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Beatae labore laborum accusantium rem nostrum at totam ullam, voluptates numquam quae animi, magni, distinctio perferendis fugiat nisi culpa minima aspernatur voluptatibus!</li>
                <li><a class="blue-text" href="">Data Types</a class="blue-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui delectus <a href="">ducimus</a> nesciunt omnis veniam illo fuga reprehenderit, commodi maxime nobis magnam ab tenetur, officiis dolorem aliquam beatae. Illo, doloremque numquam.</li>


            </ul>
        </div>
        <div id ="box-4">
            <p>For more useful information check out this url: <a href="">Javascript!</a></p>
        </div>
      </div>

</body>
</html>


<div id=""></div>