static #2
7 changed files with 11 additions and 16 deletions
|
@ -5,9 +5,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>bricabracomania.</title>
|
<title>bricabracomania.</title>
|
||||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="icon"
|
<link rel="icon" type="image/ico" href="images/favicon.ico">
|
||||||
type="image/png"
|
|
||||||
href="/img/myicon.png" />
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="background-color:black;">
|
<body style="background-color:black;">
|
||||||
|
|
|
@ -5,9 +5,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>bricabracomania.</title>
|
<title>bricabracomania.</title>
|
||||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="icon"
|
<link rel="icon" type="image/ico" href="images/favicon.ico">
|
||||||
type="image/png"
|
|
||||||
href="/img/myicon.png" />
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="background-color:black;">
|
<body style="background-color:black;">
|
||||||
|
|
|
@ -258,7 +258,7 @@ p:last-of-type {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Parallax
|
/* Parallax
|
||||||
=================== */
|
=================== */ /* Das sollte wohl mal DAS werden https://www.w3schools.com/howto/howto_css_parallax.asp */
|
||||||
|
|
||||||
.parallax--bg {
|
.parallax--bg {
|
||||||
width: auto;
|
width: auto;
|
||||||
|
@ -268,7 +268,7 @@ p:last-of-type {
|
||||||
@media only screen and (min-width: 1000px) {
|
@media only screen and (min-width: 1000px) {
|
||||||
header {
|
header {
|
||||||
z-index: 1;
|
z-index: 1;
|
||||||
position: absolute;
|
position: absolute; /*verursacht das verschrobene menü auf der projects seite*/
|
||||||
top: 0px;
|
top: 0px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -295,7 +295,7 @@ p:last-of-type {
|
||||||
}
|
}
|
||||||
header {
|
header {
|
||||||
background: rgba(0,0,0,0.4);
|
background: rgba(0,0,0,0.4);
|
||||||
margin: 0px;
|
margin: 0px; /*Der Versuch den header auf projects zu reparieren: margin: 1rem 0,0 klappt aber nicht so*/
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav ul {
|
.nav ul {
|
||||||
|
|
After Width: | Height: | Size: 9.4 KiB |
After Width: | Height: | Size: 4.9 KiB |
|
@ -5,12 +5,12 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>bricabracomania.</title>
|
<title>bricabracomania.</title>
|
||||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="icon" type="image/ico" href="/favicon.ico">
|
<link rel="icon" type="image/ico" href="images/favicon.ico">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body style="background-color:black;">
|
<body style="background-color:black;">
|
||||||
<header>
|
<header>
|
||||||
<img src="img/logo.png" alt="bricabracomania logo" class="logo" /> <!--ich hab hier bisschen rumgespielt aber irgendwie lässt sich das icon nicht einfügen-->
|
<img src="img/logo.png" alt="bricabracomania logo" class="logo" />
|
||||||
<nav class="nav">
|
<nav class="nav">
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/">Home</a></li>
|
<li><a href="/">Home</a></li>
|
||||||
|
@ -25,7 +25,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h1 class="title parallax--box"><span><img src="img/title.png" alt="bricabracomania metalworks"></span>
|
<h1 class="title parallax--box"><span><img src="img/title.png" alt="bricabracomania metalworks"></span>
|
||||||
</h1>
|
</h1>
|
||||||
<a href="/projects.html" class="button button-accent">See Our Work</a>
|
<a href="projects.html" class="button button-accent">See Our Work</a>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
|
@ -5,9 +5,7 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<title>bricabracomania.</title>
|
<title>bricabracomania.</title>
|
||||||
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
<link href="css/styles.css" rel="stylesheet" type="text/css">
|
||||||
<link rel="icon"
|
<link rel="icon" type="image/ico" href="images/favicon.ico">
|
||||||
type="image/png"
|
|
||||||
href="/img/myicon.png" />
|
|
||||||
</head>
|
</head>
|
||||||
<body style="background-color:black;">
|
<body style="background-color:black;">
|
||||||
<header>
|
<header>
|
||||||
|
@ -21,8 +19,10 @@
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section class="parallax--bg">
|
<section class="parallax--bg">
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure>
|
<figure class="button button-accent" onclick="galleryFilter('all')"> SHOW ALL</figure>
|
||||||
<figure class="button button-accent" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
|
<figure class="button button-accent" onclick="galleryFilter('cabinet')">CABINET OF CURIOSITIES</figure>
|
||||||
|
@ -31,7 +31,6 @@
|
||||||
<figure class="button button-accent" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
|
<figure class="button button-accent" onclick="galleryFilter('madman')">MADMAN'S BASEMENT</figure>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div style="color: #fff" class="gallery-description cabinet">
|
<div style="color: #fff" class="gallery-description cabinet">
|
||||||
<h1>CABINET OF CURIOSITIES</h1>
|
<h1>CABINET OF CURIOSITIES</h1>
|
||||||
<p class="p1">This collection is a tribute to wonders of nature, the bizzare and incredible forms of life and death.<br>Exploring the forms and textures, the unseen and rare - its a tribute to once popular cabinets of naural and artistic curiosities, captured in metals and gems</p>
|
<p class="p1">This collection is a tribute to wonders of nature, the bizzare and incredible forms of life and death.<br>Exploring the forms and textures, the unseen and rare - its a tribute to once popular cabinets of naural and artistic curiosities, captured in metals and gems</p>
|
||||||
|
|
Loading…
Reference in a new issue