Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commit 9ccb4fa

Browse files
Merge pull request #54 from vyaspriyal/navigation_to_top
link from bottom to top added in project section
2 parents 74fc303 + c76d437 commit 9ccb4fa

File tree

3 files changed

+61
-2
lines changed

3 files changed

+61
-2
lines changed

‎img/arrow-top.svg‎

Lines changed: 38 additions & 0 deletions
Loading[フレーム]

‎project.css‎

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
html{
2+
scroll-behavior: smooth;
3+
}
14
.primary-link{
25
transition-duration: 0.2s;
36

@@ -57,4 +60,12 @@
5760
transform: translateY(12%);
5861
}
5962

60-
}
63+
}
64+
.bottomright {
65+
position: fixed;
66+
bottom: 8px;
67+
right: 10px;
68+
font-size: 18px;
69+
border-radius:50%;
70+
background-color: #41b3a3;
71+
}

‎project.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ <h2> <a class="link" href="index.html">CoderSaty</a> </h2>
3131
</ul>
3232
</nav>
3333
<header class="hero">
34-
<img src="img/projects.svg" alt="" class="hero-image">
34+
<img src="img/projects.svg" alt="" class="hero-image"id="top">
3535
<h1 class="hero-heading">See my <span class="highlight">Work</span></h1>
3636
</header>
3737
<section class="section">
@@ -612,6 +612,16 @@ <h2 class="project-heading">Rock, Paper and Scissors</h2>
612612
</p>
613613
</section>
614614

615+
616+
<!--nav to top link -->
617+
618+
<a href = "#top" class="bottomright">
619+
<img src="img/arrow-top.svg" style="padding: 5px;" width="50" height="50">
620+
621+
</a>
622+
<!-- nav to top link end-->
623+
624+
615625
<footer class="footer">
616626
<small class="footer-heading">&copy; Codersaty May 2021</small>
617627
<ul class="inline unordered">

0 commit comments

Comments
(0)

AltStyle によって変換されたページ (->オリジナル) /