change index, tidy up css

This commit is contained in:
fr34k 2020-10-31 16:48:02 +01:00
parent a418762649
commit ae86ae0cda
3 changed files with 30 additions and 27 deletions

View file

@ -142,19 +142,16 @@ header {
}
.nav a {
font-weight: 900;
font-weight: 500;
text-decoration: none;
/*! padding: 0.5em; */
color: white;
font-size: 14pt;
/*! font-weight: bold; */
color: #f9f9ed;
font-size: 18pt;
}
.nav a:hover {
color: #ddd;
font-size: 16pt;
/*! font-weight: bold; */
font-size: 20pt;
}
.logo {
@ -164,6 +161,17 @@ header {
}
/* Index
================ */
.index_start {
background-image: url(/images/backgroud_img/index_bg.jpg);
background-size: cover;
background-position: center;
top: 0px;
}
/* Collection
================*/
@ -217,7 +225,13 @@ div.collection div.col-desc {
/*border: 2px solid #f9f9ed; */
}
.col-img-desc {
.col-image:hover{
filter: blur(1px);
filter: brightness(50%);
cursor: pointer;
}
/*.col-img-desc {
display: block;
position: absolute;
bottom: 0;
@ -246,7 +260,7 @@ div.collection div.col-desc {
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
} */
/* Images Instagram
=======================*/

View file

@ -91,22 +91,13 @@ p:last-of-type {
/* Parallax
=================== */ /* Das sollte wohl mal DAS werden https://www.w3schools.com/howto/howto_css_parallax.asp */
.parallax--bg {
/*.parallax--bg {
width: auto;
}
}*/
/* hero-home
=================== */
.home-hero {
background-image: url(/images/backgroud_img/hero-bg.jpg);
background-size: cover;
background-position: center;
padding: 10em 0;
top: 0px;
color: #fff;
}
@media (min-width: 60rem) {
.home-hero {
height: 100vh;

View file

@ -1,12 +1,10 @@
<?php include('header.tpl'); ?>
<section class="home-hero parallax--bg">
<div class="container">
<h1 class="title parallax--box"><span><img src="images/logo_button/title_ivory.png" alt="bricabracomania metalworks"></span>
</h1>
<a href="/projects" class="button button-accent">See Our Work</a>
<div class="index_start">
<div>
<img src="images\logo_button\title_ivory.png"></img>
</div>
</div>
</section>
<div class="container">
<section class="home-about">