2,599
edits
Test: Difference between revisions
no edit summary
Efernandez (talk | contribs) No edit summary |
Efernandez (talk | contribs) No edit summary |
||
| Line 40: | Line 40: | ||
align-items: center; /* Vertically centers the content */ | align-items: center; /* Vertically centers the content */ | ||
justify-content: center; /* Horizontally centers the content */ | justify-content: center; /* Horizontally centers the content */ | ||
box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); | box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); | ||
} | } | ||
. | .clickable { | ||
transition: background-color 0.3s ease, box-shadow 0.3s ease; | |||
cursor: pointer; | |||
} | |||
.clickable:hover { | |||
filter: saturate(80%); | filter: saturate(80%); | ||
box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3); | box-shadow: 0px 8px 12px rgba(0, 0, 0, 0.3); | ||
| Line 110: | Line 113: | ||
<div class="node col-2" style="background-color:#021FE2; color:white;">Do you need a custom driver?</div> | <div class="node col-2" style="background-color:#021FE2; color:white;">Do you need a custom driver?</div> | ||
<div class="connector col-2"></div> | <div class="connector col-2"></div> | ||
<div class="node col-2">Check our Linux Driver Services!</div> | <div class="node clickable col-2">Check our Linux Driver Services!</div> | ||
<div class="connector col-2"></div> | <div class="connector col-2"></div> | ||
<div class="node col-2">Check tested drivers list!</div> | <div class="node clickable col-2">Check tested drivers list!</div> | ||
<div class="connector span-3"></div> | <div class="connector span-3"></div> | ||
<div class="node span-3">Driver in the list?</div> | <div class="node span-3">Driver in the list?</div> | ||
| Line 121: | Line 124: | ||
<div class="connector col-1"></div> | <div class="connector col-1"></div> | ||
<div class="connector col-3"></div> | <div class="connector col-3"></div> | ||
<div class="node col-1">Check our hiring process!</div> | <div class="node clickable col-1">Check our hiring process!</div> | ||
<div class="left-connector col-2"></div> | <div class="left-connector col-2"></div> | ||
<div class="node col-3">Check the client requirements!</div> | <div class="node clickable col-3">Check the client requirements!</div> | ||
<div class="connector col-1"></div> | <div class="connector col-1"></div> | ||
<div class="node col-1">Contact Us!</div> | <div class="node clickable col-1">Contact Us!</div> | ||
<div class="connector col-1"></div> | <div class="connector col-1"></div> | ||
<div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div> | <div class="node col-1" style="background-color:#021FE2; color:white;">Driver Delivery!</div> | ||