Skip to content

Commit

Permalink
The changes that I made are as follows: 1) Changed all the clickable …
Browse files Browse the repository at this point in the history
…link color to blue so as to distinguish it from the rest. 2) Added the background color as yellow while hovering across the clickable links. 3)Enhanced the headings by making it bold and underlined. 4) Enhanced the subheadings by adding little CSS to it and making it look beautiful.
  • Loading branch information
Soumya6Tiwari committed Jan 24, 2024
1 parent 637488f commit a2c3354
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 10 deletions.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -268,7 +268,7 @@ <h4>Step 2</h4>
<a class="hover-link" href="./Pages/Simulation/index.html"
>Refer Simulations & 3D visualizations</a
>
<p>
<p>
Test interfaces, interaction flows, iconography and more, to help
you create intuitive and delightful experiences for your users.
</p>
Expand Down
42 changes: 33 additions & 9 deletions style.css
Original file line number Diff line number Diff line change
Expand Up @@ -55,13 +55,26 @@ h1 {
}

h2 {
font-weight: bolder;
text-decoration: underline;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
font-family: 'Climate Crisis', sans-serif;
font-size: 2rem !important;
z-index: -10;
position: relative;
}

h3 {
font-size: 1.5rem;
color:rgb(15, 15, 182);
font-weight: 500;
}
h4{
color: #ce0a0a;
font-size: large;
text-decoration: underline;
font-weight: 600;
/* border: 2px black solid ; */
}

p {
Expand All @@ -71,16 +84,25 @@ p {
line-height: 1.8rem;
z-index: -10;
position: relative;
text-indent: 0vw;
}

a {
.hover-link{
text-decoration: none;
display: inline-block;
}

a:link{
color: blue;


}
a:hover{
background-color:yellow;
}
ul {
list-style: none;
}
}

/* utility classes */

Expand Down Expand Up @@ -121,16 +143,18 @@ ul {
}


.primary-button {
background-color: var(--accent-color);
border-radius: 6px;
font-weight: 700;
.primary-button {
background-color: var(--accent-color);
/* border-radius: 6px; */
font-weight: 500;
color: white !important;
padding: 12px 24px;
padding: 3px 10px;
box-shadow: 0 0 2px var(--secondary-text-color);
transition: 0.2s ease-out;
text-align: center;
}
text-align: left;


}

.primary-button:hover {
background-color: var(--accent-color-dark);
Expand Down

0 comments on commit a2c3354

Please sign in to comment.