lkarch/lkarch.org
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Button make

Browse Source
This commit is contained in:
Lucas Kent 2022-11-16 13:22:27 -05:00 committed by GitHub
parent 36d2944cea
commit aee209b6c1
2 changed files with 22 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -17,7 +17,7 @@
<h2>Home</h2> <h2>Home</h2>
<img src="imgs/zuck.jpg" alt="Mark Zuckerberg Chilling" style="width:300px;height:300px;" srcset="" class="broider"> <img src="imgs/zuck.jpg" alt="Mark Zuckerberg Chilling" style="width:300px;height:300px;" srcset="" class="broider">
<p class="double">Welcome to my Website.</p> <p class="double">Welcome to my Website.</p>
<a href='index.html'><button class="button:active">Sitemap</button></a> <a href='https://www.geometrytools.ga'><button class="button2">Home</button></a>
<a href='sitemap.html'><button class="button">Sitemap</button></a> <a href='sitemap.html'><button class="button">Sitemap</button></a>
</body> </body>
<style> <style>

21
styles/button.css
View File

@ -25,3 +25,24 @@ display: none;
-ms-overflow-style: none; -ms-overflow-style: none;
scrollbar-width: none; scrollbar-width: none;
} }
.button2 {
padding: 15px 25px;
font-size: 24px;
text-align: center;
cursor: pointer;
outline: none;
color: #fff;
background-color: #3e8e41;
border: none;
border-radius: 15px;
box-shadow: 0 9px #999;
}
.button2:hover {background-color: #3e8e41}
.button2:active {
background-color: #3e8e41;
box-shadow: 0 5px #666;
transform: translateY(4px);
}