Added scroller icon
This commit is contained in:
parent
8bd405af9b
commit
e0bfebeb96
2 changed files with 8 additions and 1 deletions
|
@ -61,6 +61,13 @@ ol , ul{
|
||||||
h1 {
|
h1 {
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
}
|
}
|
||||||
|
.icon {
|
||||||
|
cursor: pointer;
|
||||||
|
.transition(color 0.4s);
|
||||||
|
&:hover {
|
||||||
|
color: #ff7f00;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
#intro-text {
|
#intro-text {
|
||||||
|
|
|
@ -8,7 +8,7 @@
|
||||||
<img src="http://placehold.it/230x230"/>
|
<img src="http://placehold.it/230x230"/>
|
||||||
<h1>Hello, world!</h1>
|
<h1>Hello, world!</h1>
|
||||||
<p>Some random subtitle</p>
|
<p>Some random subtitle</p>
|
||||||
<p><a onClick="scrollToElement('#intro-text')" href="#">V</a></p>
|
<p><i onClick="scrollToElement('#intro-text')" class="icon ion-chevron-down"></i></p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="container-fluid" id="intro-text">
|
<div class="container-fluid" id="intro-text">
|
||||||
|
|
Reference in a new issue