Test: Difference between revisions
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> | ||
Revision as of 14:32, 12 September 2024
Do you need a custom driver?
Check our Linux Driver Services!
Check tested drivers list!
Driver in the list?
YES
NO
Check our hiring process!
Check the client requirements!
Contact Us!
Driver Delivery!
Yes or No?