Stylesheet

The stylesheet is all worked within css which allows us to control the design of the website. We used the font “Georgia” as it was an appealing design. We kept the navbar as inverse due to wanting a solid header and the black colour to make the logo design stand out. Other features such as the login welcome are controlled so the such as the width and colour (green) to stand out and confirm entry. The code below is all the different styles we applied throughout the website.

</pre>
<p style="text-align: center;"></p>
body
{
font-family: 'Georgia', sans-serif;
padding-top: 100px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 500px;
height: 500px;
margin: auto;
}

.profileinfo{
width:1150px;
background-color: rgba(255, 0, 0, 0.13);
border-radius: 10px;
text-align: left;
font-family:sans-serif;
font-size:10px;

}

.navbar-inverse{
font-size: 21px;
font-weight: 200;
background-color: #000;
}
.message-box {
background: rgba(20, 255, 0, 0.16);
width:500px;
border-radius:10px;
padding-top: 5px;
margin-bottom: 20px;

text-align: center;
font-size: 21px;
font-weight: 200;
}

.redheart{
color:red;
margin-top: -22px;
margin-left:80px;
font-size:30px;
}
#bigredheart{
color:red;
float:right;
font-size: 100px;
}

#img{
display: block;
margin-left: auto;
margin-right: auto;
}
#avatar{

float:right;
}
#gender{
margin-left: 60px;
}
<p style="text-align: center;">
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s