eecs330/index.html at master · oliviabarnett/eecs330 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<!DOCTYPE html>


<html>
	<head>
		<meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="main.css">
	    <title> home page </title>

          <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel='stylesheet' href='//fonts.googleapis.com/css?family=Pacifico' type='text/css' />

        <script src= "main.js"> </script>
        <?php include 'form.php';?>
	</head>

	<body>
        <div id="header">
            <a href = "./">
                <img id = "logo" src =  https://s-media-cache-ak0.pinimg.com/originals/c9/50/2e/c9502eecefd4c3cb6aa9cffb8e8cc195.jpg >
            </a>

          <div id="nav">
            <ul class="main-menu">
                <li> <a> tips and exercises</a> </li>
                <li> <a href="graphs/">graphs</a></li>
                <li> <a href="myNetwork/">my network</a></li>
                <li> <a> community</a></li>
                <li> <a onclick="document.getElementById('id01').style.display='block'" style="width:auto;">login</a> </li>

           </ul>
          </div>
        </div>


        <div id="id01" class="modal">

          <form class="modal-content animate" action="action_page.php">


            <div class="container">
              <label><b>Username</b></label>
              <input type="text" placeholder="Enter Username" id = "userInput" required>
                <br>
              <label><b>Password</b></label>
              <input type="password" placeholder="Enter Password" id = "password" required>
                <br>
              <button type="submit" onclick="document.getElementById('id01').style.display='none'">Login</button><br>
              <input type="checkbox" checked="checked">  Remember me
            </div>

            <div id="cancel-container" style="background-color:#f1f1f1">
              <button type="button" onclick= window.open(www.wikipedia.org) class="cancelbtn">Cancel</button>
              <div class="psw">Forgot <a href="#">password?</a></div>
            </div>
          </form>
        </div>


        <div id = "container">
            <h1 class = "neon"> Hello!</h1>
            <h2 class = "neon"> You seem to be doing great lately!</h1>
        </div>

	</body>
</html>