-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (130 loc) · 7.13 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<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="stylesheet.css">
<meta charset="UTF-8">
<meta name="author" content="Hayley So">
<meta name="description" content="The home page, the main hub that will also link to the other pages within this website. Split into categories that will show a little insight to what this website may entail.">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Nottingham Trent University</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 active">
<a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></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">
<a class="nav-link" href="faqs.html">FAQs</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 Home Page-->
<div class="hero-image"></div>
<!--The Uni Gown Hire Way Slideshow-->
<div class="container-fluid">
<div class="our-way">
<h1 class="our-way">THE UNI GOWN HIRE WAY</h1>
<p class="our-way">Your one stop graduation shop</p>
</div>
<div class="card-deck">
<div class="card">
<img src="DIYGradPackage.png" class="card-img-top" alt="DIY Graduation at Home">
<div class="card-body">
<h5 class="card-title">DIY Graduation Package</h5>
<p class="card-text"><hr></hr>Don't let the pandemic stop you from celebrating! DIY box contains everything you need to capture those moments!</p>
<p><i>Order home graduation kit today!</i></p>
<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">SOLD OUT</a>
</div>
</div>
<div class="card">
<img src="hayleyart.png" class="card-img-top" alt="Personalised Illustration">
<div class="card-body">
<h5 class="card-title">Personalised Illustration</h5>
<p class="card-text"><hr></hr>Perfect graduation gift ~ personalised silhouette with university colours, name, year and course!</p>
<p><i>Order yours today!</i></p>
<a href="https://www.instagram.com/hsdesigns.co/" class="btn btn-secondary btn-lg active" role="button" aria-pressed="true" target="_blank" rel="noopener noreferrer">See on Instagram</a>
</div>
</div>
<div class="card">
<img src="https://cdn.shopify.com/s/files/1/0307/2058/9956/collections/Untitled_Session0094_bfabdaf0-c1f7-4c3a-b1b6-8338fcce10c4_large.jpg?v=1583270790" class="card-img-top" alt="Full Graduation Package">
<div class="card-body">
<h5 class="card-title">Full Graduation Package</h5>
<p class="card-text"><hr></hr> We have you covered for your graduation, hire or purchase the attire. From the cap, gown to the memorabilia.</p>
<p><i>Get in touch to find out more!</i></p>
<a href="#" class="btn btn-secondary btn-lg disabled" tabindex="-1" role="button" aria-disabled="true">SOLD OUT</a>
</div>
</div>
</div>
<!--ConGRADulations Section-->
<div class="congratulationsheader">
<h2 class="congratulationsheader">conGRADulations!</h2>
<p class="congratulationsheader">Click <span class="congratulationsheader"> below </span> to find out more.</p>
</div>
<div class="congratulations">
<div class="row">
<div class="col-sm-6">
<div class="img-container">
<img src="https://www.ntu.ac.uk/__data/assets/image/0013/202621/ntu-graduates.jpg" alt="Undergraduates" class="image img-fluid">
<div class="middle">
<a class="text" href="graduates.html#undergraduates">Undergraduates</a>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="img-container">
<img src="https://www.ntu.ac.uk/__data/assets/image/0020/546014/booking-info-thumb.jpg" alt="Postgraduates" class="image img-fluid">
<div class="middle">
<a class="text" href="graduates.html#postgraduates">Postgraduates</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Who We Are-->
<div class="who-are-we">
<div class="rectangle">
<div class="container">
<div class="row row-center">
<div class="text-block col-md-5">
<h2 class="w-a-w-title">Who We Are</h2>
<p>Uni Gown Hire Ltd was founded in 2020 by Hayley and Kasia in England and has since made its way to becoming highly recognised by the Code First Girls programme.</p>
<p>We created this to help invision what our graduation may have been like, we are yet to experience ours due to the COVID-19 pandemic. This has meant that graduation ceremonies are reschedued to a later date. </p>
</div>
<div class="threeofus col-md-7">
<img src="class of 2020 coding.jpg" class="img-fluid" alt="Class of 2020 by Hayley So" height="350">
</div>
</div>
</div>
</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>
</body>
</html>