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

Este commit está contenido en:
2018-08-26 02:45:26 +05:30
padre c0cb72e683
commit 34a8ed8a83
Se han modificado 2 ficheros con 17 adiciones y 11 borrados
+9 -2
Ver fichero
@@ -2,6 +2,8 @@ body {
margin: 0;
background-color: #0b0a16;
color: #FFF;
font-size: 100%;
font-family: 'Lato', sans-serif;
}
a, a:visited {
@@ -13,7 +15,7 @@ a:hover {
}
.container {
text-align: justify;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
@@ -22,6 +24,7 @@ a:hover {
height: 100vh;
padding: 20%;
box-sizing: border-box;
font-size: 1.2em;
}
.container img {
@@ -34,8 +37,12 @@ a:hover {
.links {
display: flex;
width: 100%;
justify-content: space-between;
justify-content: space-evenly;
font-size: 4em;
margin-top: 0.5 em;
}
h1 {
font-family: 'Elsie', cursive;
font-size: 2.5em;
}
+8 -9
Ver fichero
@@ -3,22 +3,21 @@
<head>
<title> Ceda EI </title>
<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>
<body>
<div class="container">
<img src="images/ceda.jpg">
<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">
<a href="https://gitlab.com/ceda_ei/"><i class="fab fa-gitlab"></i></a>
<a href="https://telegram.me/ceda_ei/"><i class="fab fa-telegram"></i></a>
<a href="https://twitter.com/ceda_ei/"><i class="fab fa-twitter"></i></a>
<a href="https://fosstodon.org/@ceda_ei"><i class="fab fa-mastodon"></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="fa fa-telegram"></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="fa fa-mastodon"></i></a>
<a href="https://nc.webionite.com/"><i class="fa fa-nextcloud"></i></a>
</div>
</div>
</body>
</html>