KinnikuStudios
/
kinniku-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve footer

master
marccane 2023-09-19 19:34:11 +02:00
parent 03b210d8b1
commit 8aa7237349
2 changed files with 52 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
estils.css
View File

@ -120,10 +120,41 @@ a:hover{
footer{ footer{
padding: 30px 16px 30px 16px; padding: 30px 16px 30px 16px;
background-color: #3c3c3b; background-color: black;
color: #f5f0ed; color: #f5f0ed;
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 100%;
} }
.column {
float: left;
width: 33.33%;
}
#col1 {
text-align: left;
}
#col2 {
}
#col3 {
text-align: right;
padding-right: 100px;
}
/* Clear floats after the columns */
/* .row:after {
content: "";
display: table;
clear: both;
} */
/* .header{ /* .header{
max-height: 405px; max-height: 405px;
padding: 16px; */ padding: 16px; */
@ -200,6 +231,12 @@ footer{
width: 100% width: 100%
} }
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
}
/*MediaQueries*/ /*MediaQueries*/
@media screen and (max-width:600px){ @media screen and (max-width:600px){
.js .navegacion{ .js .navegacion{

16
index.html
View File

@ -19,12 +19,24 @@
<img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo"> <img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
<h3 id="languageShortname">EN</h3> <h3 id="languageShortname">EN</h3>
</div> </div>
<div class="imatge_centrada"> <div class="imatge_centrada">
<img id="comingSoonImg" src="ComingSoon.png" alt="TankTop Coming Soon"> <img id="comingSoonImg" src="ComingSoon.png" alt="TankTop Coming Soon">
</div> </div>
<footer> <footer>
<p id="frase1">Septiembre 2015</p> <div class="column" id="col1">Visit other <b>Kinniku Studios</b> channels</div>
<p id="frase2">Todos los derechos reservados</p> <!-- <div class="column" id="col2"><img height="64" width="64" src="twitter_logo.svg"></div> -->
<div class="column" id="col2">
<a xlink:href="https://twitter.com/KinnikuStudios" target="__blank">
<svg xmlns="http://www.w3.org/2000/svg" height="30" width="30" viewBox="0 0 512 512"><style>svg{fill:#ffffff}</style>
<path d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/>
</svg>
</a>
</div>
<!-- -->
<div class="column" id="col3">Contact us: <b>info@kinnikustudios.com</b></div>
<!-- <p id="frase1">Septiembre 2015</p>
<p id="frase2">Todos los derechos reservados</p> -->
</footer> </footer>
<!-- <script src="javascript.js"></script> --> <!-- <script src="javascript.js"></script> -->
</body> </body>