Skip to content
GitLab
Commit 1b2b7b8f authored by Atli Pall's avatar Atli Pall
Browse files

image code duplication removed

parent a915b966
Hide whitespace changes
Inline Side-by-side
about.html
View file @ 1b2b7b8f
......@@ -11,9 +11,9 @@
<body>
<main>
<div id="landing">
<div id="landing-text">
<div id="landing-text-inner">
<div class="landing">
<div class="landing-text">
<div class="landing-text-inner">
<h1>About Us</h1>
<a href="#atli" class="btn" id="view-atli">
ATLI P. PETURSSON
......@@ -29,7 +29,7 @@
</a>
</div>
</div>
<div id="landing-image-about"></div>
<div class="landing-image" style="background-image: url(https://source.unsplash.com/Uk9S4gGz420);"></div>
</div>
<div class="header">
......
blog.html
View file @ 1b2b7b8f
......@@ -11,9 +11,9 @@
<body>
<main>
<div id="landing">
<div id="landing-text">
<div id="landing-text-inner">
<div class="landing">
<div class="landing-text">
<div class="landing-text-inner">
<h1>Our Blog</h1>
<a href="about.html" class="btn" id="about">
ABOUT US
......@@ -26,7 +26,7 @@
</a>
</div>
</div>
<div id="landing-image-blog"></div>
<div class="landing-image" style="background-image: url(https://source.unsplash.com/Im7lZjxeLhg);"></div>
</div>
<div class="header">
......
css/style.css
View file @ 1b2b7b8f
......@@ -34,11 +34,11 @@ main {
padding-bottom: 30px;
}
#landing {
.landing {
background: #fff;
}
#landing-text {
.landing-text {
display: flex;
flex: 0 1 40vw;
height: 50vh;
......@@ -49,22 +49,11 @@ main {
padding-left: 1rem;
}
#landing-text h2 {
.landing-text h2 {
color: #888;
}
#landing-image-index {
background: url(https://source.unsplash.com/dC6Pb2JdAqs);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 50vh;
flex: 0 1 60vw;
margin: 0;
}
#landing-image-blog {
background: url(https://source.unsplash.com/Im7lZjxeLhg);
.landing-image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
......@@ -73,15 +62,6 @@ main {
margin: 0;
}
#landing-image-about {
background: url(https://source.unsplash.com/Uk9S4gGz420);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 50vh;
flex: 0 1 60vw;
margin: 0;
}
.btn {
padding: 0.5rem 2rem;
......
index.html
View file @ 1b2b7b8f
......@@ -11,9 +11,9 @@
<body>
<main>
<div id="landing">
<div id="landing-text">
<div id="landing-text-inner">
<div class="landing">
<div class="landing-text">
<div class="landing-text-inner">
<h1>Educational technology</h1>
<h2>IT Product Development at Aarhus University</h2>
<a href="about.html" class="btn" id="about">
......@@ -27,7 +27,7 @@
</a>
</div>
</div>
<div id="landing-image-index"></div>
<div class="landing-image" style="background-image: url(https://source.unsplash.com/dC6Pb2JdAqs);"></div>
</div>
<div class="header">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment