Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision Last revision Both sides next revision | ||
|
start [2021/07/15 17:10] codyh@roscovision.com |
start [2022/03/30 20:41] codyh@roscovision.com |
||
|---|---|---|---|
| Line 9: | Line 9: | ||
| display: flex; | display: flex; | ||
| align-items: center; | align-items: center; | ||
| - | margin-bottom: 10px; | ||
| } | } | ||
| | | ||
| .page-header h1{ | .page-header h1{ | ||
| - | margin-left: 8px; | + | margin-left: 8;px |
| } | } | ||
| | | ||
| Line 57: | Line 56: | ||
| #card-header { | #card-header { | ||
| color: #29A9E0; | color: #29A9E0; | ||
| - | flex-basis: 200px; | + | flex-basis: 15rem; |
| } | } | ||
| | | ||
| Line 64: | Line 63: | ||
| } | } | ||
| | | ||
| - | .cta-button { | + | a.cta-button { |
| + | text-decoration: none; | ||
| + | display: flex; | ||
| + | align-items: center; | ||
| width: 10rem; | width: 10rem; | ||
| - | height: 100%; | + | height: 50%; |
| - | padding: 0.4rem; | + | padding: 0.8rem; |
| font-family: 'Red Hat Display', sans-serif; | font-family: 'Red Hat Display', sans-serif; | ||
| font-size: 17; | font-size: 17; | ||
| Line 78: | Line 80: | ||
| } | } | ||
| | | ||
| - | .cta-button:hover { | + | a.cta-button:hover { |
| + | text-decoration: none; | ||
| + | background-color: #ED1E79; | ||
| box-shadow: 0 3px 2px 1px #999; | box-shadow: 0 3px 2px 1px #999; | ||
| + | background-image: none; | ||
| } | } | ||
| | | ||
| - | .cta-button:active { | + | a.cta-button:active { |
| + | text-decoration: none; | ||
| background-color: #C10054; | background-color: #C10054; | ||
| box-shadow: 0 0 0 0; | box-shadow: 0 0 0 0; | ||
| + | background-image: none; | ||
| } | } | ||
| Line 91: | Line 98: | ||
| vertical-align: middle; | vertical-align: middle; | ||
| position: relative; | position: relative; | ||
| - | bottom: 7px; | + | margin-left: 10px; |
| - | margin-left: 4px; | + | |
| } | } | ||
| | | ||
| Line 142: | Line 148: | ||
| | | ||
| <h3 class="sectionHeader">Hardware</h3> | <h3 class="sectionHeader">Hardware</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:dual-vision_recording:dual-vision_6:home"> | ||
| + | <b id="card-header">Dual-Vision© 6</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span><b style="color: #ED1E79">NEW</b> Latest information and guides about the DV6</span> | ||
| + | </div> | ||
| + | </a> | ||
| <a | <a | ||
| class="category-card" | class="category-card" | ||
| Line 172: | Line 186: | ||
| <div id="card-subheader"> | <div id="card-subheader"> | ||
| <span>Page undergoing improvements - Coming Soon!</span> | <span>Page undergoing improvements - Coming Soon!</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <h3 class="sectionHeader">Mobile Apps</h3> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:installer"> | ||
| + | <b id="card-header">Rosco Installer App</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span>Rosco's installation app for DV6</span> | ||
| + | </div> | ||
| + | </a> | ||
| + | <a | ||
| + | class="category-card" | ||
| + | href="https://wiki.roscocloud.com/user:product:driver_id_app"> | ||
| + | <b id="card-header">Rosco Driver App</b> | ||
| + | <div id="card-subheader"> | ||
| + | <span><b style="color: #ED1E79">NEW</b> Rosco's new driver ID app for DV6!</span> | ||
| </div> | </div> | ||
| </a> | </a> | ||
| Line 212: | Line 243: | ||
| <span style="margin-top: 2rem">If you need any assistance, please don't hesitate to</span> | <span style="margin-top: 2rem">If you need any assistance, please don't hesitate to</span> | ||
| <div class="button-wrapper"> | <div class="button-wrapper"> | ||
| - | <button class="cta-button" href="https://wiki.roscocloud.com/contact_us"> | + | <a class="cta-button" href="https://wiki.roscocloud.com/contact_us"> |
| <i class="far fa-envelope fa-2x"></i> | <i class="far fa-envelope fa-2x"></i> | ||
| <span id="btn-text">Contact Us!</span> | <span id="btn-text">Contact Us!</span> | ||
| - | </button> | + | </a> |
| </div> | </div> | ||
| <div class="page-divider"></div> | <div class="page-divider"></div> | ||
