change index, tidy up css
This commit is contained in:
parent
a418762649
commit
ae86ae0cda
3 changed files with 30 additions and 27 deletions
|
@ -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
|
||||
=======================*/
|
||||
|
|
|
@ -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;
|
||||
|
|
10
index.php
10
index.php
|
@ -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">
|
||||
|
|
Loading…
Reference in a new issue