added fixed up video icon from design and updated links to the image

This commit is contained in:
Celeste de Guzman
2017-09-25 12:39:01 -07:00
parent ae98d0a890
commit db5cf54a61
2 changed files with 65 additions and 6 deletions

59
bcs/images/icon_video.svg Normal file
View File

@ -0,0 +1,59 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 105">
<defs>
<style>
.cls-1 {
fill: #556a8a;
}
.cls-2 {
fill: #fff;
}
.cls-3 {
fill: none;
stroke: #556a8a;
stroke-miterlimit: 10;
stroke-width: 2px;
}
.cls-4 {
fill: #2bc7f4;
}
.cls-5 {
fill: #e5e5e5;
}
</style>
</defs>
<title> 5</title>
<g id="Illustrations">
<g>
<g>
<g>
<rect class="cls-1" x="34" y="22" width="82" height="61" rx="2" ry="2"/>
<g>
<rect class="cls-2" x="36" y="24" width="7" height="7"/>
<rect class="cls-2" x="36" y="34" width="7" height="7"/>
<rect class="cls-2" x="36" y="44" width="7" height="7"/>
<rect class="cls-2" x="36" y="54" width="7" height="7"/>
<rect class="cls-2" x="36" y="64" width="7" height="7"/>
<rect class="cls-2" x="36" y="74" width="7" height="7"/>
</g>
<g>
<rect class="cls-2" x="107" y="24" width="7" height="7"/>
<rect class="cls-2" x="107" y="34" width="7" height="7"/>
<rect class="cls-2" x="107" y="44" width="7" height="7"/>
<rect class="cls-2" x="107" y="54" width="7" height="7"/>
<rect class="cls-2" x="107" y="64" width="7" height="7"/>
<rect class="cls-2" x="107" y="74" width="7" height="7"/>
</g>
<rect class="cls-2" x="45" y="24" width="60" height="57"/>
<path class="cls-3" d="M91.18,51.7A16.19,16.19,0,0,1,75,67.89a15.91,15.91,0,0,1-5-.79A16.18,16.18,0,1,1,91.18,51.7Z"/>
</g>
<polygon class="cls-4" points="69 62.15 69 41.26 87 51.7 69 62.15"/>
</g>
<rect class="cls-5" x="45" y="24" width="60" height="7"/>
<rect class="cls-5" x="45" y="74" width="60" height="7"/>
</g>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -786,7 +786,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Set up Microsoft 365 Business" /> <img src="images/icon_video.svg" alt="Set up Microsoft 365 Business" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">
@ -805,7 +805,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Secure Windows 10 devices with Microsoft 365 Business" /> <img src="images/icon_video.svg" alt="Secure Windows 10 devices with Microsoft 365 Business" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">
@ -824,7 +824,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Secure Microsoft Office apps on iOS devices with Microsoft 365 Business" /> <img src="images/icon_video.svg" alt="Secure Microsoft Office apps on iOS devices with Microsoft 365 Business" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">
@ -843,7 +843,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Set up Windows devices for Microsoft 365 Business" /> <img src="images/icon_video.svg" alt="Set up Windows devices for Microsoft 365 Business" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">
@ -862,7 +862,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Demo: Microsoft 365 Business first run experience" /> <img src="images/icon_video.svg" alt="Demo: Microsoft 365 Business first run experience" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">
@ -881,7 +881,7 @@ description: Learn about the product documentation and resources available for M
<div class="card"> <div class="card">
<div class="cardImageOuter"> <div class="cardImageOuter">
<div class="cardImage bgdAccent1"> <div class="cardImage bgdAccent1">
<img src="/media/common/i_video.svg" alt="Demo: Secure data and end user devices with Microsoft 365 Business" /> <img src="images/icon_video.svg" alt="Demo: Secure data and end user devices with Microsoft 365 Business" />
</div> </div>
</div> </div>
<div class="cardText"> <div class="cardText">