CodeFirstGirls_WebDev/faqs.html at main · hayl-y/CodeFirstGirls_WebDev · 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
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!DOCTYPE html>
<html lang="en">
<head>
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  <link rel="stylesheet" type="text/css" href="stylesheetall.css">
  <link rel="stylesheet" type="text/css" href="stylesheetfaqs.css">
  <meta charset="UTF-8">
  <meta name="author" content="Kasia Renc">
  <meta name="description" content="This page provides the frequently asked questions the visitors may have and hopes to answer any possible queries">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Frequently Asked Questions</title>
</head>

<body>
  <!--Navigation Bar-->
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <a class="navbar-brand" href="index.html">University Gown Hire</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
      <div class="collapse navbar-collapse" id="navbarText">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item">
            <a class="nav-link" href="index.html">Home</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="graduates.html">Graduates</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="graduation21.html">Graduation 2021</a>
          </li>
          <li class="nav-item active">
            <a class="nav-link" href="faqs.html">FAQs<span class="sr-only">(current)</span></a>
          </li>
          <li class="nav-item">
              <a class="nav-link" href="getintouch.html">Get in Touch</a>
          </li>
        </ul>
        <span class="navbar-text"> Nottingham Trent University </span>
      </div>
  </nav>

  <!--First Image at the top of the FAQs Page-->
  <div class="hero-image"></div>


  <!--Page Title-->
  <div class="faqs">
    <h1>Frequently Asked Questions</h1>
  </div>

  <!--Questions-->
  <section class="accordion-section clearfix mt-3" aria-label="Question Accordions">
    <div class="container">

      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
      <div class="panel panel-default">
        <div class="panel-heading p-3 mb-3" role="tab" id="heading0">
        <h3 class="panel-title">
          <a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse0" aria-expanded="true" aria-controls="collapse0">
            Venues, dates and times
          </a>
        </h3>
        </div>
        <div id="collapse0" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading0">
        <div class="panel-body px-3 mb-4">
          <p>
            Please check regularly to see updates to our Graduation schedule in line with the government guidelines.
            </p>
          <p class="bold_text">When are the NTU ceremonies?</p>
          <ul> At this moment in time we are unfortunately not able to confirm the exact NTU ceremony dates.</ul>
          <p class="bold_text">Where are ceremonies held?</p>
          <ul>Ceremonies will take place at our NTU City Campus.</ul>
          <p class="bold_text">How long will the ceremony last?</p>
          <ul>Usually around 90 minutes.</ul>
        </div>
        </div>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading p-3 mb-3" role="tab" id="heading1">
        <h3 class="panel-title">
          <a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse1" aria-expanded="true" aria-controls="collapse1">
            Your invitation
          </a>
        </h3>
        </div>
        <div id="collapse1" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading1">
        <div class="panel-body px-3 mb-4">
          <p class="bold_text">How are students invited to the ceremonies?</p>
          <ul>
            Schools confirm to the Academic Registry department which students are eligible to graduate. Eligible students are invited in line with the government guidelines (for the summer or winter ceremonies) via their University email account. No invitations are issued by post. It is therefore imperative that students keep their contact details up to date and regularly check their email or they may miss the opportunity to attend their graduation ceremony.

            The email will provide further details, directing them to the NTU graduation website for more information and to confirm attendance. </ul>
        </div>
        </div>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading p-3 mb-3" role="tab" id="heading2">
        <h3 class="panel-title">
          <a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse2" aria-expanded="true" aria-controls="collapse2">
            Robe hire
          </a>
        </h3>
        </div>
        <div id="collapse2" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading2">
        <div class="panel-body px-3 mb-4">
          <p class="bold_text">Do I have to wear academic dress?</p>
          <ul>Yes, you will not be allowed to join the ceremony unless wearing full academic dress. Graduation is a formal event all students should dress as if they are attending an interview. We also recommend bringing some hair grips to secure your hat and safety pins for your hood.</ul>
          <p class="bold_text">How do I order a gown?</p>
          <ul>You can order your robe from our website once you have received your official NTU invitation. It is your responsibility to ensure you obtain the correct academic dress.</ul>
          <p class="bold_text">Where is the collection and drop-off point for gowns and hoods?</p>
          <ul>You can collect your gown from the Registration Venue. You will drop-off your gown in the Newton Hall. Stewards will be able to direct you on the day.</ul>
          <p class="bold_text">What should I wear under my gown?</p>
          <ul>Your graduation is a ceremonial event and formal dress is customary. All students are expected to wear a gown, hood and hat with smart clothing underneath such as a suit or dress, as if you are attending an interview.</ul>
        </div>
        </div>
      </div>

      <div class="panel panel-default">
        <div class="panel-heading p-3 mb-3" role="tab" id="heading3">
        <h3 class="panel-title">
          <a class="collapsed" role="button" title="" data-toggle="collapse" data-parent="#accordion" href="#collapse3" aria-expanded="true" aria-controls="collapse3">
          What happens during the ceremony?
          </a>
        </h3>
        </div>
        <div id="collapse3" class="panel-collapse collapse" role="tabpanel" aria-labelledby="heading3">
        <div class="panel-body px-3 mb-4">
          <p>Graduands sit in a different area to their guests and must sit in the seat indicated on their ticket. You must be in your seat at least 30 minutes before the start of the ceremony. The following is a sample itinerary of the ceremony proceedings, NTU staff will be there at all times to guide you.</p>
          <ul>
            <li>Stand when the procession music starts and the academic procession enters the hall and take their seats</li>
            <li>There will be a welcome speech made by a member of the University Executive Team</li>
            <li>Then it will be your time to shine, please encourage your friends and family to cheer and do not forget to cheer for your fellow students as they graduate</li>
            <li>A member of NTU will signal when it is your time to leave your seat and graduate, checking your name</li>
            <li>NTU stewards will guide you along the route that you will need to take, keeping you in the correct order</li>
            <li>At the point that your name is read out, please cross the platform and shake hands with the Vice-Chancellor (or his representative) and pause for a photograph</li>
            <li>As you exit the platform a NTU steward will present you with your certificate</li>
            <li>NTU stewards will direct you back to your seat</li>
            <li>At the closure of the ceremony, remain standing until the procession has cleared the auditorium</li>
          </ul>
        </div>
        </div>
      </div>
      </div>
    </div>
  </section>

  <!--Video Section-->
  <div>
    <div class = "rectangle">
      <div align="center"><iframe width="700" height="315" src="https://www.youtube.com/embed/eqgMMrRnMOE" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
  </div>

  <!--Copyright Footer-->
  <footer>
    <p>© Created by Hayley So and Kasia Renc</p>
  </footer>

  <!--jQuery, Popper.js, and Bootstrap JavaScript-->
  <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
  <script src="app.js"></script>
</body>
</html>