Skip to content

Commit

Permalink
updated the button and removed footer
Browse files Browse the repository at this point in the history
  • Loading branch information
Sandile-Dev01 committed Jul 30, 2023
1 parent 4d5cc5a commit e7d4f8b
Show file tree
Hide file tree
Showing 4 changed files with 19 additions and 50 deletions.
14 changes: 6 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -66,15 +66,13 @@ <h1 class="text-center">Elegance.</h1>
commitment to excellence, we transform dreams into breathtaking
reality.
</p>
<button>Get Started</button>
</div>

<footer>
Built by
<a href="https://www.sandilendimande.com/" target="_blank"
>Sandile Dev01</a
<a
class="home_button"
href="https://www.sandilendimande.com/"
target="_blank"
>Get Started</a
>
</footer>
</div>
</div>
</div>
</div>
Expand Down
26 changes: 6 additions & 20 deletions sass/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -56,35 +56,21 @@ body {
text-shadow: 0 0 10px black;
font-family: "Barlow Condensed";
}
button {
.home_button {
text-decoration: none;
outline: none;
padding: 0.5em 3em;
text-shadow: 0 0 10px black;
border: 2px solid #ebc590;
color: #ebc590;
background-color: transparent;
font-family: "Orbitron";
}
button:hover {
opacity: 0.9;
}
footer {
position: absolute;
bottom: 1%;
right: 1%;
font-family: "Orbitron";
color: #ebc590;
-webkit-text-decoration: 0 0 10px;
text-decoration: 0 0 10px;
}
footer a {
-webkit-text-decoration: 0 0 0.1px white;
text-decoration: 0 0 0.1px white;
color: #0f60d1;
transition: all 250ms ease-in-out;
}
footer a:hover {
color: #fff8de;
.home_button:hover {
background-color: #ebc590;
color: black;
text-shadow: none;
}
}
@media (min-width: 500px) {
Expand Down
2 changes: 1 addition & 1 deletion sass/styles.css.map

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

27 changes: 6 additions & 21 deletions sass/styles.scss
Original file line number Diff line number Diff line change
Expand Up @@ -75,36 +75,21 @@ $accent-clr-3: #ebc590;
}
}

button {
.home_button {
text-decoration: none;
outline: none;
padding: 0.5em 3em;
text-shadow: 0 0 10px $dark-clr;
border: 2px solid $accent-clr-3;
color: $accent-clr-3;
background-color: transparent;
font-family: $primary;
transition: all 250ms ease-in-out;

&:hover {
opacity: 0.9;
}
}

footer {
position: absolute;
bottom: 1%;
right: 1%;
font-family: $primary;
color: $accent-clr-3;
text-decoration: 0 0 10px;

a {
text-decoration: 0 0 0.1px white;
color: $accent-clr-1;
transition: all 250ms ease-in-out;

&:hover {
color: $accent-clr-2;
}
background-color: $accent-clr-3;
color: $dark-clr;
text-shadow: none;
}
}
}
Expand Down

0 comments on commit e7d4f8b

Please sign in to comment.