TriviaGame/index.html at master · SJaved0327/TriviaGame · 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
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>title</title>
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
    <!-- CSS File -->
    <link rel="stylesheet" type="text/css" href="assets/css/style.css">
    <!-- Google fonts -->
    <link href="https://fonts.googleapis.com/css?family=Fredericka+the+Great|PT+Serif" rel="stylesheet">
  </head>
  <body>


    <!-- Totally Trivial Trivia -->
    <div class="jumbotron col-lg-12">

    </div>
    <!-- Div Text -->
    <div id=text>
        <h1 class="display-3 text-center">Trivia and The City</h1>
        <!--<hr class="my-4">-->
        <div id="startTimer">
          <button type="button" class="btn btn-secondary btn-lg">Start!</button>
        </div>
      </div>

    <!-- Main Text Container -->
    <div id="maintext-Container" class="container">

      <!-- Question Div -->
      <form id="questionDiv" name="questionDiv">

        <!-- Question 1 -->
        <div class="card-header">
          <strong>1. In Season 4 of Sex and The City, which big-name magazine hires Carrie?</strong>
        </div>

        <!-- Answer Choices -->
        <div class="card-body">
            <input type="radio" name="question1" value="wrong">
              New Yorker
            <br>
            <input type="radio" name="question1" value="wrong">
              Elle
            <br>
            <input type="radio" name="question1" value="correct">
              Vogue
            <br>
            <input type="radio" name="question1" value="wrong">
              Cosmopolitan
        </div>

        <!-- Question 2 -->
        <div class="card-header">
          <strong>2. After which famous actress did Charlotte name her dog?</strong>
        </div>

        <!-- Answer Choices -->
        <div class="card-body">
            <input type="radio" name="question2" id="q2" value="wrong">
              Zsa Zsa Gabor
            <br>
            <input type="radio" name="question2" value="correct">
              Elizabeth Taylor
            <br>
            <input type="radio" name="question2" value="wrong">
              Audrey Hepburn
            <br>
            <input type="radio" name="question2" value="wrong">
              Rita Hayworth
        </div>

        <!-- Question 3 -->
        <div class="card-header">
          <strong>3. What was Smith Jerrod's name before Samantha became his PR manager?</strong>
        </div>

        <!-- Answer Choices -->
        <div class="card-body">
            <input type="radio" name="question3" value="wrong">
              Sam Smith
            <br>
            <input type="radio" name="question3" value="correct">
              Jerry Jerrod
            <br>
            <input type="radio" name="question3" value="wrong">
              Sam Jerrod
            <br>
            <input type="radio" name="question3" value="wrong">
              Jerry Smith
        </div>

        <!-- Question 4 -->
        <div class="card-header">
          <strong>4. When Carrie confronts Big after his engagement party at the Plaza, what famous one-liner does she leave him with?</strong>
        </div>

        <!-- Answer Choices -->
        <div class="card-body">
            <input type="radio" name="question4" value="correct">
              "Your girl is lovely, Hubbell." - from The Way We Were
            <br>
            <input type="radio" name="question4" value="wrong">
              "Snap out of it!" - from Moonstruck
            <br>
            <input type="radio" name="question4" value="wrong">
              "I'm also just a girl, standing in front of a boy, asking him to love her." - from Notting Hill
            <br>
            <input type="radio" name="question4" value="wrong">
              "You had me at hello." - from Jerry Maguire
        </div>

        <!-- Question 5 -->
        <div class="card-header">
          <strong>5. Who picked out Carrie's second engagement ring from Aiden?
          </strong>
        </div>

        <!-- Answer Choices -->
        <div class="card-body">
            <input type="radio" name="question5" value="wrong">
              Charlotte
            <br>
            <input type="radio" name="question5" value="correct">
              Samantha
            <br>
            <input type="radio" name="question5" value="wrong">
              Miranda
            <br>
            <input type="radio" name="question5" value="wrong">
              Stamford
        </div>

    </form>


    <!-- Footer + Done Button -->
    <footer>
      <button type="button" id="doneButton" class="btn btn-secondary btn-lg">Done!
      </button>
    </footer>

  </div>


  	<!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <!-- JavaScript File -->
  	<script type="text/javascript" src="assets/javascript/app.js"></script>
  </body>
</html>