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"/> <link rel="stylesheet" type="text/css" href="stylesheets/index.css"/>
</head> </head>
<body> <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> <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> <h1>Skynet Password Reset & Sign-up service</h1>
</div> </div>
<section> <div id="password" class="boxes">
<div id="password">
<h2><a href="password.html">Password Reset</a></h2> <h2><a href="password.html">Password Reset</a></h2>
<p>Please use this service if you ever forget your skynet password</p> <p>Please use this service if you ever forget your skynet password</p>
</div> </div>
<div id="modify"> <div id="modify" class="boxes">
<h2><a href="modify.html">User modification</a></h2> <h2><a href="modify.html">User modification</a></h2>
<p> <p>
Please use this service to modify your user data (email, login ssh key, etc.) Please use this service to modify your user data (email, login ssh key, etc.)
</p> </p>
</div> </div>
</section>
<!--testing2--> <!--testing2-->
<footer> <footer>

View file

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