Compare commits
3 Commits
02c1ff527c
...
4f4c8ecdf3
| Author | SHA1 | Date |
|---|---|---|
marccane
|
4f4c8ecdf3 | |
|
marccane
|
1afe6c5dcc | |
|
marccane
|
a2deee85d8 |
326
estils.css
326
estils.css
|
|
@ -43,6 +43,7 @@ table {
|
|||
border-spacing: 0;
|
||||
}
|
||||
|
||||
/****************************************************************************/
|
||||
|
||||
/*styles*/
|
||||
body{
|
||||
|
|
@ -58,7 +59,6 @@ div{
|
|||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
font-weight: 900;
|
||||
font-size: 28px;
|
||||
|
|
@ -112,12 +112,6 @@ a:hover{
|
|||
color: #fff;
|
||||
}
|
||||
|
||||
/* img{
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin: auto;
|
||||
} */
|
||||
|
||||
footer{
|
||||
padding: 30px 16px 30px 16px;
|
||||
background-color: black;
|
||||
|
|
@ -139,57 +133,23 @@ footer{
|
|||
text-align: left;
|
||||
}
|
||||
|
||||
#col2 {
|
||||
/* #col2 {
|
||||
|
||||
}
|
||||
} */
|
||||
|
||||
#col3 {
|
||||
text-align: right;
|
||||
padding-right: 100px;
|
||||
}
|
||||
|
||||
/* Clear floats after the columns */
|
||||
/* .row:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
} */
|
||||
|
||||
/* .header{
|
||||
max-height: 405px;
|
||||
padding: 16px; */
|
||||
/* background-image: url(fondu.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-size: cover; */
|
||||
/* color: #f5f0ed;
|
||||
position: relative;
|
||||
} */
|
||||
|
||||
.headerbar{
|
||||
/*amb això la imatge em queda dins del div, segurament no és lo millor... */
|
||||
/* amb això la imatge em queda dins del div, segurament no és lo millor... */
|
||||
/* height: 100px; */
|
||||
height: 5vh;
|
||||
padding: 16px 16px;
|
||||
}
|
||||
|
||||
.logo{
|
||||
/* float: left;
|
||||
width: 160px; */
|
||||
|
||||
/* position: relative; */
|
||||
/* min-height: 465px; */
|
||||
/* padding: 16px; */
|
||||
/* background-size: cover;
|
||||
background-image: url(Imgs/Fondo1.jpg); */
|
||||
/* object-fit: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center; */
|
||||
/* z-index: -1;
|
||||
color: #f5f0ed; */
|
||||
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
|
@ -199,28 +159,6 @@ footer{
|
|||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
/* text-align: center; */
|
||||
}
|
||||
|
||||
.caixa1{
|
||||
/* min-height: 465px; */
|
||||
padding: 16px;
|
||||
background-size: cover;
|
||||
|
||||
object-fit: cover;
|
||||
background-repeat: no-repeat;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
z-index: -1;
|
||||
color: #f5f0ed;
|
||||
}
|
||||
|
||||
.caixa2{
|
||||
background-color: #d03b40;
|
||||
box-sizing: border-box;
|
||||
color: #f5f0ed;
|
||||
padding: 50px 16px 50px 16px;
|
||||
max-height: 280px;
|
||||
}
|
||||
|
||||
#languageShortname{
|
||||
|
|
@ -230,259 +168,3 @@ footer{
|
|||
#comingSoonImg{
|
||||
width: 100%
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
.column {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/*MediaQueries*/
|
||||
@media screen and (max-width:600px){
|
||||
.js .navegacion{
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height .5s;
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
left: 30px;
|
||||
right: 30px;
|
||||
background-color: #d03b40;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.js .navegacion a{
|
||||
padding: 5px 10px;
|
||||
color: #f5f0ed;
|
||||
}
|
||||
|
||||
.js .navegacion.menu-desplegado{
|
||||
max-height: 250px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width:601px) and (max-width: 1100px){
|
||||
h1{
|
||||
font-size: 40px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
width: 450px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 26px;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 0px;
|
||||
width: 350px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 22px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 550px;
|
||||
}
|
||||
|
||||
.js .navegacion{
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height .5s;
|
||||
position: absolute;
|
||||
top: 43px;
|
||||
left: 30px;
|
||||
right: 30px;
|
||||
background-color: #d03b40;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.js .navegacion a{
|
||||
padding: 5px 10px;
|
||||
color: #f5f0ed;
|
||||
}
|
||||
|
||||
.js .navegacion.menu-desplegado{
|
||||
max-height: 250px;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding: 0px;
|
||||
float: left;
|
||||
min-height: 150px;
|
||||
width: 100%;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
footer p{
|
||||
position:absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
padding-left: 25px;
|
||||
}
|
||||
|
||||
.caixa1{
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.textos{
|
||||
margin-top: 0px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 100%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.caixa2{
|
||||
min-height: 250px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.caixa3{
|
||||
min-height: 250px;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.caixa2 p{
|
||||
width: 415px;
|
||||
}
|
||||
|
||||
.caixa3 p{
|
||||
width: 415px;
|
||||
}
|
||||
|
||||
.header{
|
||||
min-height: 550px;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
|
||||
.productes{
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.producto{
|
||||
padding: 0px;
|
||||
box-sizing: border-box;
|
||||
min-height: 200px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.producto p{
|
||||
width: 750px;
|
||||
}
|
||||
|
||||
#productoFinal{
|
||||
padding: 0px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
#productoInicial{
|
||||
padding: 0px;
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.rodona{
|
||||
width: 110px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 20px;
|
||||
margin-left: 40px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
.contacte{
|
||||
float: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.bloc1{
|
||||
padding: 0px;
|
||||
min-height: 250px;
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.bloc2{
|
||||
padding: 0px;
|
||||
min-height: 250px;
|
||||
float: left;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
display: grid;
|
||||
align-content: center;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.bloc1 p{
|
||||
width: 450px;
|
||||
}
|
||||
|
||||
.paquet{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.paquet p{
|
||||
width: 525px;
|
||||
}
|
||||
|
||||
.header a{
|
||||
width: 250px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
#barrota{
|
||||
margin-bottom: 30px;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#frase1{
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
#frase2{
|
||||
padding-left: 180px;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -12,9 +12,7 @@
|
|||
</head>
|
||||
|
||||
<body>
|
||||
<header>
|
||||
<!-- <h1>bon dia</h1> -->
|
||||
</header>
|
||||
<header></header>
|
||||
<div class="headerbar">
|
||||
<img class="logo" src="header_kinnikustudios_logo_black.svg" alt="Kinniku Studios Logo">
|
||||
<h3 id="languageShortname">EN</h3>
|
||||
|
|
@ -32,11 +30,8 @@
|
|||
<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>
|
||||
<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>
|
||||
<!-- <script src="javascript.js"></script> -->
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,0c141.29,0 256,114.71 256,256c0,141.29 -114.71,256 -256,256c-141.29,0 -256,-114.71 -256,-256c0,-141.29 114.71,-256 256,-256Zm0,96c-43.453,0 -48.902,0.184 -65.968,0.963c-17.03,0.777 -28.661,3.482 -38.839,7.437c-10.521,4.089 -19.444,9.56 -28.339,18.455c-8.895,8.895 -14.366,17.818 -18.455,28.339c-3.955,10.177 -6.659,21.808 -7.437,38.838c-0.778,17.066 -0.962,22.515 -0.962,65.968c0,43.453 0.184,48.902 0.962,65.968c0.778,17.03 3.482,28.661 7.437,38.838c4.089,10.521 9.56,19.444 18.455,28.34c8.895,8.895 17.818,14.366 28.339,18.455c10.178,3.954 21.809,6.659 38.839,7.436c17.066,0.779 22.515,0.963 65.968,0.963c43.453,0 48.902,-0.184 65.968,-0.963c17.03,-0.777 28.661,-3.482 38.838,-7.436c10.521,-4.089 19.444,-9.56 28.34,-18.455c8.895,-8.896 14.366,-17.819 18.455,-28.34c3.954,-10.177 6.659,-21.808 7.436,-38.838c0.779,-17.066 0.963,-22.515 0.963,-65.968c0,-43.453 -0.184,-48.902 -0.963,-65.968c-0.777,-17.03 -3.482,-28.661 -7.436,-38.838c-4.089,-10.521 -9.56,-19.444 -18.455,-28.339c-8.896,-8.895 -17.819,-14.366 -28.34,-18.455c-10.177,-3.955 -21.808,-6.66 -38.838,-7.437c-17.066,-0.779 -22.515,-0.963 -65.968,-0.963Zm0,28.829c42.722,0 47.782,0.163 64.654,0.933c15.6,0.712 24.071,3.318 29.709,5.509c7.469,2.902 12.799,6.37 18.397,11.969c5.6,5.598 9.067,10.929 11.969,18.397c2.191,5.638 4.798,14.109 5.509,29.709c0.77,16.872 0.933,21.932 0.933,64.654c0,42.722 -0.163,47.782 -0.933,64.654c-0.711,15.6 -3.318,24.071 -5.509,29.709c-2.902,7.469 -6.369,12.799 -11.969,18.397c-5.598,5.6 -10.928,9.067 -18.397,11.969c-5.638,2.191 -14.109,4.798 -29.709,5.509c-16.869,0.77 -21.929,0.933 -64.654,0.933c-42.725,0 -47.784,-0.163 -64.654,-0.933c-15.6,-0.711 -24.071,-3.318 -29.709,-5.509c-7.469,-2.902 -12.799,-6.369 -18.398,-11.969c-5.599,-5.598 -9.066,-10.928 -11.968,-18.397c-2.191,-5.638 -4.798,-14.109 -5.51,-29.709c-0.77,-16.872 -0.932,-21.932 -0.932,-64.654c0,-42.722 0.162,-47.782 0.932,-64.654c0.712,-15.6 3.319,-24.071 5.51,-29.709c2.902,-7.468 6.369,-12.799 11.968,-18.397c5.599,-5.599 10.929,-9.067 18.398,-11.969c5.638,-2.191 14.109,-4.797 29.709,-5.509c16.872,-0.77 21.932,-0.933 64.654,-0.933Zm0,49.009c-45.377,0 -82.162,36.785 -82.162,82.162c0,45.377 36.785,82.162 82.162,82.162c45.377,0 82.162,-36.785 82.162,-82.162c0,-45.377 -36.785,-82.162 -82.162,-82.162Zm0,135.495c-29.455,0 -53.333,-23.878 -53.333,-53.333c0,-29.455 23.878,-53.333 53.333,-53.333c29.455,0 53.333,23.878 53.333,53.333c0,29.455 -23.878,53.333 -53.333,53.333Zm104.609,-138.741c0,10.604 -8.597,19.199 -19.201,19.199c-10.603,0 -19.199,-8.595 -19.199,-19.199c0,-10.604 8.596,-19.2 19.199,-19.2c10.604,0 19.201,8.596 19.201,19.2Z"/></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,0c141.29,0 256,114.71 256,256c0,141.29 -114.71,256 -256,256c-141.29,0 -256,-114.71 -256,-256c0,-141.29 114.71,-256 256,-256Zm-80.037,399.871l0,-199.921l-66.464,0l0,199.921l66.464,0Zm239.62,0l0,-114.646c0,-61.409 -32.787,-89.976 -76.509,-89.976c-35.255,0 -51.047,19.389 -59.889,33.007l0,-28.306l-66.447,0c0.881,18.757 0,199.921 0,199.921l66.446,0l0,-111.65c0,-5.976 0.43,-11.95 2.191,-16.221c4.795,-11.935 15.737,-24.299 34.095,-24.299c24.034,0 33.663,18.34 33.663,45.204l0,106.966l66.45,0Zm-272.403,-296.321c-22.74,0 -37.597,14.95 -37.597,34.545c0,19.182 14.405,34.544 36.717,34.544l0.429,0c23.175,0 37.6,-15.362 37.6,-34.544c-0.43,-19.595 -14.424,-34.545 -37.149,-34.545Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" ?><!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'><svg height="100%" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;" version="1.1" viewBox="0 0 512 512" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:serif="http://www.serif.com/" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M256,0c141.29,0 256,114.71 256,256c0,141.29 -114.71,256 -256,256c-141.29,0 -256,-114.71 -256,-256c0,-141.29 114.71,-256 256,-256Zm-45.091,392.158c113.283,0 175.224,-93.87 175.224,-175.223c0,-2.682 0,-5.364 -0.128,-7.919c12.005,-8.684 22.478,-19.54 30.779,-31.928c-10.983,4.853 -22.861,8.174 -35.377,9.706c12.772,-7.663 22.478,-19.668 27.076,-34.099c-11.878,7.024 -25.032,12.132 -39.081,14.942c-11.239,-12.005 -27.203,-19.412 -44.955,-19.412c-33.972,0 -61.558,27.586 -61.558,61.558c0,4.853 0.511,9.578 1.66,14.048c-51.213,-2.554 -96.552,-27.075 -126.947,-64.368c-5.237,9.068 -8.302,19.668 -8.302,30.907c0,21.328 10.856,40.23 27.459,51.213c-10.09,-0.255 -19.541,-3.065 -27.842,-7.662l0,0.766c0,29.885 21.2,54.661 49.425,60.409c-5.108,1.404 -10.6,2.171 -16.219,2.171c-3.96,0 -7.791,-0.383 -11.622,-1.15c7.79,24.521 30.523,42.274 57.471,42.784c-21.073,16.476 -47.637,26.31 -76.501,26.31c-4.981,0 -9.834,-0.256 -14.687,-0.894c26.948,17.624 59.387,27.841 94.125,27.841Z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
Loading…
Reference in New Issue