wanderer/TEW-0x00
1
0
Fork 0
Code Issues Pull Requests Releases Activity

updated landing page list style and alignment
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
surtur 2020-03-28 22:51:35 +01:00
parent 055f0f80e6
commit ffe4d5250c
Signed by: wanderer
GPG Key ID: 19CE1EC1D9E0486D
2 changed files with 35 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
css/style.css
View File

@ -57,15 +57,30 @@ a:hover {
ul {
text-align: center;
color: gainsboro;
padding-top: 0px;
padding: .1em;
list-style-position: inside;
list-style-type: none;
margin: 0 3em;
}
ul li{
text-align: center;
display: inline-box;
display: inline-flex;
line-height: 1.3;
border: .1em solid #36c;
border-radius: 7px;
padding: .2em;
margin: .3em 0;
}
#divulli {
display: flex;
flex-direction: column;
position: relative;
z-index: auto;
text-align: center;
align-content: center;
margin: 1em 3em 5em;
}
footer {

35
index.html
View File

@ -21,23 +21,24 @@
</div>
</header>
<h1 class="title">tew-0x00</h1>
<p>
Hello friend.<br>
This page tries to demonstrate basic CSS3 functionality.
<ul >
<li><a href="./pages/roundedcorners.html">CSS3 rounded corners</a></li>
<li><a href="./pages/backgroundgradient.html">CSS3 background gradient</a></li>
<li><a href="./pages/shadows.html">CSS3 shadows</a></li>
<li><a href="./pages/2Dtransforms.html">CSS3 2D transforms</a></li>
<li><a href="./pages/3Dtransforms.html">CSS3 3D transforms</a></li>
<li><a href="#">CSS3 transitions</a></li>
<li><a href="./pages/animations.html">CSS3 animations</a></li>
<li><a href="#">CSS3 multiple columns</a></li>
<li><a href="#">CSS3 box sizing</a></li>
<li><a href="#">CSS3 flexbox</a></li>
</ul>
</p>
<div id="divsection">
<h1 class="title">tew-0x00</h1>
<p>Hello friend.<br>This page tries to demonstrate basic CSS3 functionality.</p>
<div id="divulli">
<ul>
<li><a href="./pages/roundedcorners.html">CSS3 rounded corners</a></li>
<li><a href="./pages/backgroundgradient.html">CSS3 background gradient</a></li>
<li><a href="./pages/shadows.html">CSS3 shadows</a></li>
<li><a href="./pages/2Dtransforms.html">CSS3 2D transforms</a></li>
<li><a href="./pages/3Dtransforms.html">CSS3 3D transforms</a></li>
<li><a href="#">CSS3 transitions</a></li>
<li><a href="./pages/animations.html">CSS3 animations</a></li>
<li><a href="#">CSS3 multiple columns</a></li>
<li><a href="#">CSS3 box sizing</a></li>
<li><a href="#">CSS3 flexbox</a></li>
</ul>
</div>
</div>
<footer class="copyright">
&copy; 2020 <a href="https://git.dotya.ml/wanderer" target="_blank">wanderer</a>