Items now centered on webpage

This commit is contained in:
eoghan.conlon 2023-08-08 15:56:21 +01:00
parent 427b4cf2bd
commit c9cbc1d49a
2 changed files with 9 additions and 5 deletions

View file

@ -7,22 +7,20 @@
<link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
</head>
<body>
<div id="title">
<div id="title" class="boxes">
<a href="./"><img src="images/sharky_vector_svg.svg" alt="Picture of Sharky, the mascot of skynet" width="145" height="81.56"/> </a>
<h1>Skynet Password Reset & Sign-up service</h1>
</div>
<section>
<div id="password">
<div id="password" class="boxes">
<h2><a href="password.html">Password Reset</a></h2>
<p>Please use this service if you ever forget your skynet password</p>
</div>
<div id="modify">
<div id="modify" class="boxes">
<h2><a href="modify.html">User modification</a></h2>
<p>
Please use this service to modify your user data (email, login ssh key, etc.)
</p>
</div>
</section>
<!--testing2-->
<footer>

View file

@ -1,6 +1,7 @@
/* General styling */
body{
background-color: #007480;
text-align: center;
}
/* Title bar */
#title {
@ -23,3 +24,8 @@ body{
#modify {
background-color: white;
}
.boxes {
margin-left: 20%;
margin-right: 20%;
}