newsAPIInitialInvestigation/new.html at master · badogan/newsAPIInitialInvestigation · 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
<!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">
    <link rel="stylesheet" href="mystylesheet.css">
    <title>Document</title>
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web&display=swap" rel="stylesheet">
</head>
<body>
    <div class="theMainDiv">
    <section>
        <div class='parent-of-test1-and-login-and-signup-forms'>
                <div class="test1" id="language-and-country-selector-parent-div" class="jumbotron">
                    <!-- put the language and country selector form here -->
                  </div>

                  <div class='login-and-signup-forms'>
                        <div class='login-and-signup-initiator-buttons'>
                            <button id='initiatorLoginButton' class='Button-Login-Signup-Logout-Visible-Toggle'><span>Login</span></button>
                            <button id='initiatorSignupButton' class='Button-Login-Signup-Logout-Visible-Toggle'><span>Signup</span></button>
                            <button id='initiatorLogoutButton' class='Button-Login-Signup-Logout-Visible-Toggle'><span>Logout</span></button>
                            <div id='logged-in-user-details'>
                                </div>
                        </div>
                        <form id="user-login-form">
                                <label for="login-user-name">Login Name</label>
                                <input type="text" class="form-control" id="login-user-name" placeholder="name...">
                                <label for="login-user-password">Password</label>
                                <input type="password" class="form-control" id="login-user-password" placeholder="password...">
                                <button type="submit" class="btn btn-primary">Login</button>
                        </form>
                        <form id="new-user-form">
                                <label for="new-user-name">Name</label>
                                <input type="text" class="form-control" id="new-user-name" placeholder="name...">
                                <label for="new-user-password">Password</label>
                                <input type="password" class="form-control" id="new-user-password" placeholder="password...">
                                <label for="new-user-password-reentry">Confirmation</label>
                                <input type="password" class="form-control" id="new-user-password-confirmation" placeholder="password re-entry...">
                                <button type="submit" class="btn btn-primary">Sign up</button>
                        </form>
                  </div>
        </div>

        <div class='ticker'>
            <!-- This will consume 100% horizontally -->
            <h1 id='ticker-content'></h1>
        </div>

        <div class='nearly-everything'>
            <!-- This will consume 100% horizontally -->

            <div class='left-articles-titles'>
                <!-- This will consume 50% horizontally -->
                <ul class='articles'>
                    <!-- <li>A sample</li> -->
                </ul>
                <button id='id-more-button' class='more-btn'><span>Bring more news </span></button>
            </div>

            <div class='right-article-details'>
                <!-- This will consume 100% horizontally -->
                <div class='image'></div>
                <div class='text'></div>
                <div class='source-link'></div>
            </div>
        </div>
    </section>

</div>
    <script src='js/new.js'></script>
</body>
</html>