Add fonts, change to fork-awesome, change font-size, add content

This commit is contained in:
Ceda EI 2018-08-26 02:41:14 +05:30
parent c0cb72e683
commit 34a8ed8a83
2 changed files with 17 additions and 11 deletions

View File

@ -2,6 +2,8 @@ body {
margin: 0; margin: 0;
background-color: #0b0a16; background-color: #0b0a16;
color: #FFF; color: #FFF;
font-size: 100%;
font-family: 'Lato', sans-serif;
} }
a, a:visited { a, a:visited {
@ -13,7 +15,7 @@ a:hover {
} }
.container { .container {
text-align: justify; text-align: center;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@ -22,6 +24,7 @@ a:hover {
height: 100vh; height: 100vh;
padding: 20%; padding: 20%;
box-sizing: border-box; box-sizing: border-box;
font-size: 1.2em;
} }
.container img { .container img {
@ -34,8 +37,12 @@ a:hover {
.links { .links {
display: flex; display: flex;
width: 100%; width: 100%;
justify-content: space-between; justify-content: space-evenly;
font-size: 4em; font-size: 4em;
margin-top: 0.5 em; margin-top: 0.5 em;
} }
h1 {
font-family: 'Elsie', cursive;
font-size: 2.5em;
}

View File

@ -3,22 +3,21 @@
<head> <head>
<title> Ceda EI </title> <title> Ceda EI </title>
<link rel="stylesheet" type="text/css" href="index.css"> <link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Elsie|Lato" rel="stylesheet">
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<img src="images/ceda.jpg"> <img src="images/ceda.jpg">
<h1>Ceda EI</h1> <h1>Ceda EI</h1>
<p>Lorem ipsum dolor set amet Lorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set ameLorem ipsum dolor set amettttttttttttttttttt</p> <p>I am an 18-year old student from India who has an interest in system administration and programming. I am a Linux user who likes to rice his desktop and have some experience managing servers.</p>
<div class="links"> <div class="links">
<a href="https://gitlab.com/ceda_ei/"><i class="fab fa-gitlab"></i></a> <a href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
<a href="https://telegram.me/ceda_ei/"><i class="fab fa-telegram"></i></a> <a href="https://telegram.me/ceda_ei/"><i class="fa fa-telegram"></i></a>
<a href="https://twitter.com/ceda_ei/"><i class="fab fa-twitter"></i></a> <a href="https://twitter.com/ceda_ei/"><i class="fa fa-twitter"></i></a>
<a href="https://fosstodon.org/@ceda_ei"><i class="fab fa-mastodon"></i></a> <a href="https://fosstodon.org/@ceda_ei"><i class="fa fa-mastodon"></i></a>
<a href="https://nc.webionite.com/"><i class="fa fa-nextcloud"></i></a>
</div> </div>
</div> </div>
</body> </body>
</html> </html>