This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
start [2021/07/15 17:12] codyh@roscovision.com |
start [2022/09/20 12:45] (current) 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; | background-color: #ED1E79; | ||
box-shadow: 0 3px 2px 1px #999; | box-shadow: 0 3px 2px 1px #999; | ||
Line 84: | Line 87: | ||
} | } | ||
| | ||
- | .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; | ||
Line 94: | Line 98: | ||
vertical-align: middle; | vertical-align: middle; | ||
position: relative; | position: relative; | ||
- | bottom: 7px; | + | margin-left: 10px; |
- | margin-left: 4px; | + | |
} | } | ||
| | ||
Line 118: | Line 121: | ||
| | ||
<div class="page-header"> | <div class="page-header"> | ||
- | <img id="rl-logo" src="https://wiki.roscocloud.com/_media/rosco_lower_r_logo_blue.png"> | + | <img id="rl-logo" src="https://wiki.roscocloud.com/_media/user:product:roscolive2.0:rosco_lower_r_logo_blue.png"> |
<h1>Welcome to the Rosco Vision Knowledge Base!</h1> | <h1>Welcome to the Rosco Vision Knowledge Base!</h1> | ||
</div> | </div> | ||
Line 145: | 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 175: | 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 215: | 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> |