Webionite
/
webionite.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Change image. Add gitlab, gitea logos. Add media query for <900px

This commit is contained in:
Ceda EI 2019-06-20 11:18:30 +05:30
parent a337495110
commit ddb8975b06
3 changed files with 39 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
images/abstract_squares.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 147 KiB

After

Width:  |  Height:  |  Size: 116 KiB

34
index.css
View File

@ -1,6 +1,7 @@
* {
box-sizing: border-box;
text-align: justify;
font-family: Roboto;
}
body {
@ -49,3 +50,36 @@ h1 {
font-size: 4em;
line-height: 0;
}
a.icon {
margin: 0.1em;
background-color: #325090;
color: #FFF;
border-radius: 50%;
font-size: 3em;
width: 1.6em;
height: 1.6em;
line-height: 1.6em;
text-align: center;
vertical-align: center;
}
@media (max-width: 900px) {
.right-pane {
position: absolute;
width: 100vw;
height: 3em;
background-color: #325090;
background-image: none;
}
a.icon {
font-size: 2em;
width: 1.5em;
height: 1.5em;
line-height: 1.5em;
}
.left-pane {
width: 100vw;
}
}

7
index.html
View File

@ -4,11 +4,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Ceda EI </title>
<link rel="stylesheet" type="text/css" href="index.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" integrity="sha256-gsmEoJAws/Kd3CjuOQzLie5Q3yshhvmo7YNtBG7aaEY=" crossorigin="anonymous">
<meta property="og:description" content="Homepage of Ceda EI." />
<meta property="og:image" content="https://webionite.com/images/webionite.jpg" />
</head>
<body>
<div class="top-body">
<div class="right-pane">
<a class="icon" href="https://gitlab.com/ceda_ei/"><i class="fa fa-gitlab"></i></a>
<a class="icon" href="https://git.webionite.com/ceda_ei/"><i class="fa fa-gitea"></i></a>
</div>
<div class="left-pane">
<div class="page">
<img src="images/webionite.svg" class="title-image"/>
@ -16,8 +21,6 @@
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec augue risus. Praesent at lectus ante. Maecenas volutpat purus et eros vehicula, vitae scelerisque turpis iaculis. Pellentesque iaculis lectus at erat fermentum ultricies. Curabitur est ante, accumsan in tortor vitae, molestie elementum ante. Duis tristique tellus eu molestie porta. Mauris euismod id sem ut ultrices. </p>
</div>
</div>
<div class="right-pane">
</div>
</div>
</body>
</html>