Amolith
/
Portfolio
forked from Webionite/webionite.com-old
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
index.css
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;
}

17
index.html
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>