margin ig pictures, links index
This commit is contained in:
parent
ae9eaaf53d
commit
71d51b991a
2 changed files with 7 additions and 5 deletions
|
@ -16,13 +16,15 @@ img {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.images { /*Diese Klasse hab ich den ig bildern zugewiesen*/
|
.images {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out;
|
transition: height 0.5s ease-out, filter 0.3s ease 0.5s, width 0.3s ease-out;
|
||||||
height: 200px;
|
height: 200px;
|
||||||
width: 200px;
|
width: 200px;
|
||||||
cursor:pointer;
|
cursor:pointer;
|
||||||
margin: 5px;
|
margin-left: 5px;
|
||||||
|
margin-right: 5px;
|
||||||
|
margin-bottom: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.images:hover {
|
.images:hover {
|
||||||
|
|
|
@ -17,8 +17,8 @@
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="/">Home</a></li>
|
<li><a href="/">Home</a></li>
|
||||||
<li><a href="about.html">About</a></li>
|
<li><a href="about.html">About</a></li>
|
||||||
<li><a href="projects">Projects</a></li>
|
<li><a href="projects.html">Projects</a></li>
|
||||||
<li><a href="contacts">Contacts</a></li>
|
<li><a href="contacts.html">Contacts</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
@ -124,7 +124,7 @@
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
<p><a style="color: #f9f9ed; text-decoration: none;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
|
<p><a style="color: #f9f9ed; text-decoration: none; font-size: 15pt;" href="https://www.instagram.com/bricabracomania_metalworks/">Check out our instagram page</a></p>
|
||||||
<div id="ig_container"><!-- instagram posts will be inserted here --></div>
|
<div id="ig_container"><!-- instagram posts will be inserted here --></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue