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

Add basic structure and CSS

This commit is contained in:
Ceda EI 2018-08-26 01:55:51 +05:30
commit c0cb72e683
3 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/ceda.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 6.7 MiB

41
index.css Normal file
View File

@ -0,0 +1,41 @@
body {
margin: 0;
background-color: #0b0a16;
color: #FFF;
}
a, a:visited {
color: #FFF;
}
a:hover {
color: #CCC;
}
.container {
text-align: justify;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
height: 100vh;
padding: 20%;
box-sizing: border-box;
}
.container img {
display: block;
width: 20%;
border-radius: 50%;
margin: 1em;
}
.links {
display: flex;
width: 100%;
justify-content: space-between;
font-size: 4em;
margin-top: 0.5 em;
}

24
index.html Normal file
View File

@ -0,0 +1,24 @@
<!DOCTYPE html>
<html>
<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">
</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>
<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>
</div>
</div>
</body>
</html>