ScribblerBlog/index.html at master · prs611/ScribblerBlog · 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
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<html>
<head>
        <link href="css\index.css" rel='stylesheet' type='text/css'>
        <link href="css\header.css" rel="stylesheet" type="text/css">
</head>
<body>

  <div class="header">
      <button id ="topButtons1" >Sign Up</button>
      <button id ="topButtons2" >Sign In</button>
      <a id="pageTitle" class="logo-title">ScriBBler</a>
      <p class="middleText">Explore Imagine Create</p>
  </div>
  <div id = "postButtons">
      <p align = "center">
          <a href = "html/bloglist.html">
            <button class= "Middle-Button">
              All Posts
            </button>
          </a>
          <button class = "Middle-Button" id = "Create-Post-Modal">
            Create Post
          </button>
      </p>
  </div>

<div id="myModal" class="modal">
  <div class="modal-content">
    <span class="close">
      &times;
    </span>
    <p>
      <h1>Get Started</h1>
      <hr class = "hr-Shade">
      <form class = "form-style">
      <label>Full Name</label><br>
      <input type="text" placeholder="Enter Full Name" required> <br>
      <label>Username</label><br>
      <input type="text" placeholder="Enter Username" required><br>
      <label>Password </label><br>
      <input type="password" placeholder="Enter Password" required><br>
      <label>Confirm Password</label><br>
      <input type="password" placeholder="Confirm Password" required><br>
      <button class = "Sign-Up-Button">Sign Up</button>
      </form>
    </p>
  </div>
</div>
          <!-- For Sign In -->
<div id="myModal2" class="modal">
  <div class="modal-content">
    <span class="close">&times;</span>
    <p>
      <h1>Welcome Back !</h1>
      <hr class = "hr-Shade">
      <form class = "form-style">
        <label>Username</label> <br>
        <input type="text" placeholder="Enter Username" required>
        <label>Password</label> <br>
        <input type="password" placeholder="Enter Password" required> <br>
        <button class = "Sign-Up-Button">
          Sign In
        </button><br>
        Not a member ? <a id = "linking">Sign Up</a>
      </form>
    </p>
  </div>
</div>
<div id="myModal3" class="modal">
    <div class="modal-content">
      <span class="close">&times;</span>
      <p>
        <h2><pre>    Create Your Post</pre></h2>
        <hr class = "hr-shade">
        <h4>Title</h4>
        <input type="text" placeholder="Enter Title Here">
        <h4>Content</h4>
        <textarea name="Content" id="textAreaViaModal" cols="35" rows="10"></textarea>
        <button class = sign-up-button>Create</button>
      </p>
    </div>
  </div>
<script src = "js\index.js"></script>

</body>
</html>