Test: Difference between revisions
Efernandez (talk | contribs) No edit summary |
Efernandez (talk | contribs) No edit summary |
||
Line 117: | Line 117: | ||
min-height: 50px; | min-height: 50px; | ||
/*https://bennettfeely.com/clippy/*/ | /*https://bennettfeely.com/clippy/*/ | ||
clip-path: polygon(0 | clip-path: polygon( | ||
0 calc(50% - 2px), | |||
calc(50% + 2px) calc(50% - 2px), | |||
calc(50% + 2px) calc(100% - 15px), | |||
calc(50% + 7px) calc(100% - 15px), | |||
50% 100%, | |||
calc(50% - 7px) calc(100% - 15px), | |||
calc(50% - 2px) calc(100% - 15px), | |||
calc(50% - 2px) calc(50% + 2px), | |||
0 calc(50% + 2px)); | |||
} | } | ||
Line 137: | Line 146: | ||
.down-arrow { | .down-arrow { | ||
background-color: black; | |||
border: 1px solid; | |||
width: 100%; | |||
height: 100%; | |||
display: flex; | |||
min-height: 30px; | |||
/*https://bennettfeely.com/clippy/*/ | |||
clip-path: polygon( | |||
calc(50% + 2px) 0, | |||
calc(50% + 2px) calc(100% - 15px), | |||
calc(50% + 7px) calc(100% - 15px), | |||
50% 100%, | |||
calc(50% - 7px) calc(100% - 15px), | |||
calc(50% - 2px) calc(100% - 15px), | |||
calc(50% - 2px) 0); | |||
} | |||
.left-arrow { | |||
background-color: black; | background-color: black; | ||
border: 1px solid; | border: 1px solid; | ||
Line 144: | Line 171: | ||
min-height: 50px; | min-height: 50px; | ||
/*https://bennettfeely.com/clippy/*/ | /*https://bennettfeely.com/clippy/*/ | ||
clip-path: polygon( | clip-path: polygon( | ||
0% 50%, | |||
15px calc(50% - 7px), | |||
15px calc(50% - 2px), | |||
100% calc(50% - 2px), | |||
100% calc(50% + 2px), | |||
15px calc(50% + 2px), | |||
15px calc(50% + 7px)); | |||
} | } | ||
Line 163: | Line 197: | ||
<div class="container"> | <div class="container"> | ||
<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=" | <div class="down-arrow col-2"></div> | ||
<div class="node clickable col-2">Check our Linux Driver Services!</div> | <div class="node clickable col-2">Check our Linux Driver Services!</div> | ||
<div class=" | <div class="down-arrow col-2"></div> | ||
<div class="node clickable col-2">Check tested drivers list!</div> | <div class="node clickable col-2">Check tested drivers list!</div> | ||
<div class=" | <div class="down-arrow span-3"></div> | ||
<div class="node span-3">Driver in the list?</div> | <div class="node span-3">Driver in the list?</div> | ||
<div class=" | <div class="down-arrow col-1"></div> | ||
<div class=" | <div class="down-arrow col-3"></div> | ||
<div class="node col-1" style="background-color:#1ABA3F; color:white;">YES</div> | <div class="node col-1" style="background-color:#1ABA3F; color:white;">YES</div> | ||
<div class="node col-3" style="background-color:#EB1E07; color:white;">NO</div> | <div class="node col-3" style="background-color:#EB1E07; color:white;">NO</div> | ||
<div class=" | <div class="down-arrow col-1"></div> | ||
<div class=" | <div class="down-arrow col-3"></div> | ||
<div class="node clickable col-1">Check our hiring process!</div> | <div class="node clickable col-1">Check our hiring process!</div> | ||
<div class="left- | <div class="left-arrow col-2"></div> | ||
<div class="node clickable col-3">Check the client requirements!</div> | <div class="node clickable col-3">Check the client requirements!</div> | ||
<div class=" | <div class="down-arrow col-1"></div> | ||
<div class="node clickable col-1">Contact Us!</div> | <div class="node clickable col-1">Contact Us!</div> | ||
<div class=" | <div class="down-arrow 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> | ||
<div class=" | <div class="down-arrow col-1"></div> | ||
<div class="desition-container col-1"><div class="node desition">Yes or No?</div></div> | <div class="desition-container col-1"><div class="node desition">Yes or No?</div></div> | ||
<div class="horizontal-line col-2"></div> | <div class="horizontal-line col-2"></div> | ||
Line 190: | Line 224: | ||
<div class="node clickable col-1">Maybe Yes!</div> | <div class="node clickable col-1">Maybe Yes!</div> | ||
<div class="node clickable col-3">Maybe No!</div> | <div class="node clickable col-3">Maybe No!</div> | ||
<div class="right-down-arrow col-3"></div> | |||
}} | }} | ||
Revision as of 15:49, 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?
Maybe Yes!
Maybe No!