<h2>Microsoft Visio 2021 Standard License</h2>
<style><!--
.midimage {
max-width: 70px;
margin: 0 auto;
padding-bottom: 20px;}
.greysection {background: #f5f5f5;
padding: 30px 15px;
margin:20px 0;
text-align: center;
}
.greyborder img {
width: 50px;
}
.comp.desktop {
max-width: 450px;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto;
}
.fleximage { width: 45px;
height: 45px;
margin: 0 10px;
background: #fff;
}
.excel {background: #217346;
color: #fff;
}
.pp {background:#d24726;
color: #fff;
}
.word {background: #1b4588;
color: #fff;}
.outlook {background: #0172c6;
color: #fff;}
.onenote {background: #7f397a;
color: #fff;}
.access {background: #9a3032;
color: #fff;padding-top:20px;}
.publisher {background: #087366;
color: #fff;}
.flexro .row {
width: 49%;
flex-direction:column-reverse;
align-items:flex-start;
}
.flexro .reverse {
width: 49%;
flex-direction:column !important;
}
.flexro {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.flexro p, .flexro h3 {text-align:left !important;}
.flexro img {margin-top:20px;}
.excel h3,
.access h3,
.word h3,
.pp h3,
.outlook h3,
.onenote h3,
.publisher h3 {color:#fff !important;}
.license {background: #e5edf0;
padding: 20px;
text-align: center;
color: #39559f;
font-size: 18px;
margin-bottom: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
border: 1px solid #e5edf0;}
.row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.desktop td img {
width: 12px;}
.desktop td:first-child {text-align:left;
font-size:15px;
font-weight: 600;
color: #5d5a5a;}
.desktop tr:nth-child(even) {background: #f5f5f5}
.desktop tr:nth-child(odd) {background: #FFF}
.desktop td,
.desktop th {text-align:left;padding: 8px !important; color: #333;}
.flexgrey {
display: flex;
flex-wrap: wrap;
margin: 15px 0;
justify-content: center;
}
.bordertext {text-align: center;
padding: 20px;
border-bottom: 1px solid #dedede;
margin-bottom: 20px;
margin: 0 20px 30px 20px;}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
width: 30%;
}
.greyborder h4 { color: #5d5a5a;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.pad15t {padding-top:15px;}
.flexunordered {
display: flex;
justify-content: flex-start;
margin-bottom: 5px;
}
.listunordered{
height:28px;
width:28px;
margin-right:10px;
}
.whiteh4.col-sm-4 h4 { color: #fff;
font-size: 17px;
padding: 10px 15px;
border: 1px solid #fff;
margin-top: 20px;}
.numberstep { font-size: 100px;
font-weight: 300;
border: 4px solid #39559f;
border-radius: 50%;
width: 128px;
height: 128px;
margin: 0 auto 20px auto;
color: #39559f;
padding: 0;
line-height: 120px;}
.pad15 {padding-bottom:15px;}
.col-sm-3 h4 { font-size: 19px; border: 1px solid #39559f;
padding: 15px;text-align:center;
height: 85px;
align-items: center;
display: flex;
justify-content: center;
}
.leftpic {
text-align: right;
padding-top: 20px;
}
.pad10 {padding-top:10px;}
.pad40 {padding-top:40px !important;}
.pad70 {padding-top:65px !important;}
.rightpic {text-align: left;
padding-top: 33px;
max-width: 120px;}
.greybg h4 {color:#fff;}
.greyrow .bord {
border: 2px solid #fefefe;
padding: 12px;
border-radius: 50%;
width: 99px;
margin: 20px auto;
}
.bord {
border: 1px solid #0972c4;
padding: 12px;
border-radius: 50%;
width: 70px;
margin: 0 auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
display: block;
font-family: Open Sans,sans-serif;
font-weight: 700;
margin: 0 0 .5em;
line-height: 1.4;
}
h2 {
text-align:center;
color: #5d5a5a;
font-size: 34px;
font-weight: 300 !important;
}
.hasborder h3 {color: #39559f; font-size: 20px;}
.bordered h4 {border: 1px solid #39559f;
text-align: center;
padding: 10px;
}
.greyrow {background: #39559f;
padding: 20px;
text-align: center;
color: #fff;
font-size: 18px;
margin-bottom: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 10px;
margin: 10px;
align-items: center;
display: flex;
justify-content: center;
}
h4 {color: #39559f;
font-size: 22px;
font-weight: 300;
}
.greybg .flexunordered {font-size:15px;}
.h2desc {
text-align: center;
margin-bottom: 30px;
font-weight:600;
padding: 0 30px;
}
.three {justify-content: center;}
.col-sm-3 img {
height: 140px;
box-shadow: -1px 8px 10px #747373;
}
.greyborder .col-sm-4 {border-right:1px solid #39559f;}
.greyborder .col-sm-4:last-of-type {border-right:0;}
.greybg {
background-color: #39559f; text-align: center; padding: 10px; color:#fff;}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.three h4 {
border: 1px solid #39559f;
padding: 20px;
border: 1px solid #39559f;
padding: 15px;
margin: 0 10px;
font-size: 17px;
}
.col-sm-0 {
width: 16.666667%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;}
.col-sm-10c{
width: 10%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;}
.col-sm-2 img {text-align: center;
max-width: 100px;}
.col-sm-5 img { max-width: 150px;padding-top: 15px;}
.col-sm-6 {padding:20px;
text-align:center;}
.hasborder {margin-bottom: 20px;
border-bottom: 0 solid #f2f2f2;
padding-bottom: 20px;
align-items: center;
display: flex;
}
.hasgreyborder {margin-bottom: 15px;
padding-bottom: 10px;
}
.hasborder h3,
.hasborder p {text-align:right;}
.reverse h3,
.reverse p {text-align:left;}
@media (min-width: 1200px) {
.container {
width: 1140px;
max-width: 100%;
}
.row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 850px) and (max-width: 1100px){
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 45%;
display: flex;
align-items: center;
justify-content: center;
}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
}
@media (min-width: 990px) and (max-width: 1200px){
h4 {font-size: 19px;}
.flexro .col-sm-6 {
height: 190px;
}
}
@media (min-width: 901px) and (max-width: 1001px){
.reverse {flex-direction: row !important;}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
.three h4 {
border: 1px solid #39559f;
padding: 5px;
margin: 10px;
font-size: 17px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 25%;}
.flexro .col-sm-6 {
height: 223px;
}
.hasborder h3, .hasborder p {
text-align: left;
}
.direc .col-sm-6 {
width: 63% !important;
}
}
@media (min-width: 768px) and (max-width: 1000px){
h4 { font-size: 17px;}
.col-sm-0, .col-sm-10c {display:none;}
.col-sm-3 h4 {
font-size: 16px;}
.hasborder {
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 20px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between !important;
}
.flexro {display:flex;}
.flexro .col-sm-6 {
flex-basis:50% !important;
}
h3 { font-size: 18px;}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
.greysection .col-sm-4, .greysection .fle {width:33%;}
.greysection .col-sm-6 {width:50% !important;}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100% !important;
width:100% !important;
}
.fle.row {flex-direction:row !important;}
.direc img {width:300px;}
.pad40, .pad70 {
padding-top: 20px !important;
}
}
@media (min-width: 576px) and (max-width: 900px){
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
padding: 20px;
}
.three h4 {
border: 1px solid #39559f;
padding: 5px;
margin: 10px;
font-size: 17px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 25%;}
.flexro .col-sm-6 {
height: 220px;
}
.redr {width:250px;}
.pad40 {
padding-top: 0 !important;
}
.row.justify-content-center.hasborder.reverse.pad40 {
padding-top: 20px !important;
}
.pad70 {
padding-top: 0 !important;
}
.reverse {flex-direction:row !important;}
.hasborder h3, .hasborder p {
text-align: left !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 45%;
display: flex;
align-items: center;
justify-content: center;
}
.pad15t {padding-top:0;}
.pad15 {padding-bottom:0;}
.col-sm-0, .col-sm-10c {
width: 0;
float: left;
position: relative;
min-height: 1px;
padding-right: 0;
padding-left: 0;
display: none;
}
.three {flex-wrap: wrap;}
.greybg {
background-color: #39559f;
text-align: center;
padding: 20px 10px;
color: #fff;
/*width: 100%;*/
max-width: 100%;
}
.hasborder {
margin-bottom: 20px;
border-bottom: 0 solid #f2f2f2;
padding-bottom: 20px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between !important;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100% !important;
width:100% !important;
}
.direc img { width: 200px;}
.direc { flex-direction: column !important;}
}
@media (min-width: 576px) and (max-width: 850px){
.greybg {
background-color: #39559f;
text-align: center;
padding: 20px 10px;
color: #fff;
max-width: 100%;
}
.col-sm-4 {padding-top:10px;}
.access {display:flex;
flex-direction: column !important;}
.access img {width: 300px;
height: 190px;}
.fleximage {
width: 33px;
height: 33px;
margin: 0 10px;
background: #fff;
}
.flexro img {margin-top:25px;}
.flexro .row {
width: 100%;
flex-direction:column-reverse;
align-items:flex-start;
}
.flexro .reverse {
width: 100%;
flex-direction:column !important;
}
.flexro .col-sm-6 {
height: auto;
flex-basis: 100%;
}
.col-sm-2 {width:100%; max-width: 100% !important;}
.row.bluebg {
display: flex;
justify-content: center;
}
.wid128 {width:250px;}
.greyborder .col-sm-4 {
border-right: 0;
}
.direc {flex-direction: column !important;
display: flex;}
.direc .col-sm-6 {width:100% !important;}
.col-sm-3 h4 { height: auto;}
}
@media (max-width:576px) {
.greyborder .col-sm-4 {
border-right: 0;
}
.flexro {display:flex;flex-direction:column;}
.flexro img {margin-top:25px;}
.flexro .row {
width: 100%;
flex-direction:column-reverse;
align-items:flex-start;
}
.three h4 {
border: 1px solid #39559f;
padding: 20px;
border: 1px solid #39559f;
padding: 15px;
margin: 5px;
font-size: 17px;
width: 100%;
}
.flexro .col-sm-6 {
min-height: 165px;
height:auto;
}
.flexro .reverse {
width: 100%;
flex-direction:column !important;
}
.direc img { width: 200px;}
.reverse {flex-direction: column-reverse !important;
display: flex;
text-align: center !important;
}
.direc { flex-direction: column !important;}
.pad15 {padding-bottom:0;}
.pad10 { padding-top: 25px;}
.pad40, .pad70 {padding-top:10px !important;}
.midimage {
padding-bottom: 0;}
.hasborder {flex-direction:column-reverse;}
.justify-content-center { display: flex;
flex-direction: column;}
.desktop td, .desktop th {
text-align: center;
padding: 8px !important;
font-size: 12px !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bordertext {
padding-bottom: 0;
margin: 0 20px 10px 20px;
}
.redr {display:none;}
ol, ul {
margin: 0 0 15px 0px;}
.row {flex-direction: column;}
.hasborder h3,
.hasborder p,
.reverse h3,
.reverse p {text-align:center;}
.col-sm-7 {text-align:center !important;}
.pad15t {padding-top:0;}
.col-sm-3 h4 { height: auto;}
.col-sm-4 {padding-top:10px;}
.h2desc {
padding: 0 10px;
}
.access {display:flex;
flex-direction: column !important;}
.flexro p, .flexro h3 {text-align:center !important;}
}
--></style>
<div class="wrapper main-content">
<div class="container">
<div class="greyrow">
<img style="width: 100px;" alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/Visio_logo.png">
<h2 style="color: #fff;">Microsoft Visio</h2>
<p>Microsoft Visio is far more than a diagramming tool. It is a useful tool to help visualize, organize, understand, and present data in an informative way.</p>
<div class="greybg">
<p><strong>***THIS PRODUCT REQUIRES WINDOWS 10 or LATER***</strong></p>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Simplify complicated diagrams. No coding is needed</h2>
<p class="h2desc">Large complicated diagrams can be streamlined with Sub-processes and Containers that can group shapes together in a visually logical way. <br>____________________</p>
<div class="row">
<div class="col-sm-6">
<h4>Stylish color palettes and effects <br>_____</h4>
Themes feature saves time spent on trying to manually put a look together that suits your requirements. These themes can be applied to a single page, an entire document, or for specific shapes.</div>
<div class="col-sm-6 greybg">
<h4 style="color: #fff;">Show complex diagrams in a simpler way<br>_____</h4>
With Microsoft Visio you can group shapes together in a visually logical way. The Sub-Process Creation feature allows users to show complex multi-page diagrams in a simpler way without losing key information.</div>
</div>
<div class="row justify-content-center hasborder reverse pad40">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-3.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Built-in shapes and templates</h3>
<p>Microsoft Visio offers built-in shapes and templates to help users design professional diagrams. It connects with data sources that can edit your diagrams automatically as the data changes. UML templates have drag-and-drop functionality.</p>
</div>
</div>
<div style="border-bottom: 0;" class="row justify-content-center hasborder pad40">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Formatting options used in other Office applications</h3>
<p>Some of the same formatting options used in other Office applications like Word, PowerPoint, etc. This includes gradients, shadows and 3D effects. It allows for a more polished and professional look when all business documentation carries a common visual theme.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio2016_6fe728a1-33a4-43a7-8eab-46fdc344f3d7.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Connect to data sources</h2>
<p class="h2desc">With Microsoft Visio you can easily create diagrams like timelines, organization charts, and calendars from a data source:<br>____________________</p>
<div class="hasborder three">
<h4>Excel</h4>
<h4>Active Directory</h4>
<h4>SQL Server</h4>
<h4>SQL Azure</h4>
<h4>Microsoft Access</h4>
<h4>SharePoint</h4>
</div>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<p>Visio allows for diagrams to connect to more than 1 data source, like Microsoft Excel, Microsoft Access and Microsoft SQL Server. Linked data will always be current without manual effort, thanks to Automatic Refresh. These linked diagrams can act as dashboards and be used to monitor real-time progress and performance. Data is refreshed automatically so diagrams actually adjust themselves.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-import.png" loading="lazy"></div>
</div>
<div class="row justify-content-center hasborder reverse flexro">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio8.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>SharePoint Process Repository</h3>
<p>Diagrams for business processes and sub-processes can be reused and shared via Visio’s integration with SharePoint Process Repository.</p>
<h3>Two-way data connections</h3>
<p>Two-way data connections can be created so that data changes in the Visio diagram will affect the data source.</p>
</div>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Check diagram against business rules</h2>
<p class="h2desc">____________________</p>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Validation feature</h3>
<p>Diagrams can be checked against business rules to maintain accuracy in representations. There is also a validation feature that can make sure diagrams are logical and constructed correctly.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-validate.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Use clean and uncluttered user interface</h2>
<p class="h2desc">Visio 2007 has a clean and uncluttered user interface, which makes it easier to find what you’re looking for.<br>____________________</p>
<div class="row justify-content-center hasborder reverse">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio2007_large_75bb16f9-2eae-4980-9434-8eb26378ae34.jpg" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Useful templates</h3>
<p>There are various useful templates available. The most popular templates of each category appear first.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h4>Quick Shapes Mini Toolbar<br>_____</h4>
Shapes can be added and aligned quickly with features like Quick Shapes Mini Toolbar, a better dynamic grid and automatic layout adjustment.</div>
<div class="col-sm-6 greybg">
<h4 style="color: #fff;">The AutoConnect feature<br>_____</h4>
The AutoConnect feature allows for automatic connections along with shape distribution and alignment. This is an intuitive feature, designed to help create accurate data representations with minimal effort.</div>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Protect your data</h2>
<p class="h2desc">Diagrams are kept secure with Microsoft file protection technologies. <br>____________________</p>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Information Rights Management</h3>
<p>Visio can read and write files in .vssx, .vstx, .vsdm, .vssm, and .vstm formats. It supports Information Rights Management (IRM) and the protection of email messages, attachments, and diagram files. Document rights can be managed easily, even on the individual user level.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-shield.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Enhance support for team collaboration</h2>
<p>____________________</p>
<div class="row justify-content-center hasborder reverse">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-collaboration.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Enjoy effective communication features</h3>
<p>Several users can collaborate on a single diagram at the same time. Team members always have a real-time view of what other members are working on. These parts of the document are clearly marked and there are communication features to contact them without even leaving the desktop.</p>
</div>
</div>
</div>
</div>
</div>
<style><!--
.midimage {
max-width: 70px;
margin: 0 auto;
padding-bottom: 20px;}
.greysection {background: #f5f5f5;
padding: 30px 15px;
margin:20px 0;
text-align: center;
}
.greyborder img {
width: 50px;
}
.comp.desktop {
max-width: 450px;
border-collapse: collapse;
border-spacing: 0;
margin: 0 auto;
}
.fleximage { width: 45px;
height: 45px;
margin: 0 10px;
background: #fff;
}
.excel {background: #217346;
color: #fff;
}
.pp {background:#d24726;
color: #fff;
}
.word {background: #1b4588;
color: #fff;}
.outlook {background: #0172c6;
color: #fff;}
.onenote {background: #7f397a;
color: #fff;}
.access {background: #9a3032;
color: #fff;padding-top:20px;}
.publisher {background: #087366;
color: #fff;}
.flexro .row {
width: 49%;
flex-direction:column-reverse;
align-items:flex-start;
}
.flexro .reverse {
width: 49%;
flex-direction:column !important;
}
.flexro {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.flexro p, .flexro h3 {text-align:left !important;}
.flexro img {margin-top:20px;}
.excel h3,
.access h3,
.word h3,
.pp h3,
.outlook h3,
.onenote h3,
.publisher h3 {color:#fff !important;}
.license {background: #e5edf0;
padding: 20px;
text-align: center;
color: #39559f;
font-size: 18px;
margin-bottom: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
border: 1px solid #e5edf0;}
.row {
margin-right: 0 !important;
margin-left: 0 !important;
}
.desktop td img {
width: 12px;}
.desktop td:first-child {text-align:left;
font-size:15px;
font-weight: 600;
color: #5d5a5a;}
.desktop tr:nth-child(even) {background: #f5f5f5}
.desktop tr:nth-child(odd) {background: #FFF}
.desktop td,
.desktop th {text-align:left;padding: 8px !important; color: #333;}
.flexgrey {
display: flex;
flex-wrap: wrap;
margin: 15px 0;
justify-content: center;
}
.bordertext {text-align: center;
padding: 20px;
border-bottom: 1px solid #dedede;
margin-bottom: 20px;
margin: 0 20px 30px 20px;}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
width: 30%;
}
.greyborder h4 { color: #5d5a5a;
font-size: 16px;
font-weight: 300;
margin-bottom: 0;
}
.pad15t {padding-top:15px;}
.flexunordered {
display: flex;
justify-content: flex-start;
margin-bottom: 5px;
}
.listunordered{
height:28px;
width:28px;
margin-right:10px;
}
.whiteh4.col-sm-4 h4 { color: #fff;
font-size: 17px;
padding: 10px 15px;
border: 1px solid #fff;
margin-top: 20px;}
.numberstep { font-size: 100px;
font-weight: 300;
border: 4px solid #39559f;
border-radius: 50%;
width: 128px;
height: 128px;
margin: 0 auto 20px auto;
color: #39559f;
padding: 0;
line-height: 120px;}
.pad15 {padding-bottom:15px;}
.col-sm-3 h4 { font-size: 19px; border: 1px solid #39559f;
padding: 15px;text-align:center;
height: 85px;
align-items: center;
display: flex;
justify-content: center;
}
.leftpic {
text-align: right;
padding-top: 20px;
}
.pad10 {padding-top:10px;}
.pad40 {padding-top:40px !important;}
.pad70 {padding-top:65px !important;}
.rightpic {text-align: left;
padding-top: 33px;
max-width: 120px;}
.greybg h4 {color:#fff;}
.greyrow .bord {
border: 2px solid #fefefe;
padding: 12px;
border-radius: 50%;
width: 99px;
margin: 20px auto;
}
.bord {
border: 1px solid #0972c4;
padding: 12px;
border-radius: 50%;
width: 70px;
margin: 0 auto;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
display: block;
font-family: Open Sans,sans-serif;
font-weight: 700;
margin: 0 0 .5em;
line-height: 1.4;
}
h2 {
text-align:center;
color: #5d5a5a;
font-size: 34px;
font-weight: 300 !important;
}
.hasborder h3 {color: #39559f; font-size: 20px;}
.bordered h4 {border: 1px solid #39559f;
text-align: center;
padding: 10px;
}
.greyrow {background: #39559f;
padding: 20px;
text-align: center;
color: #fff;
font-size: 18px;
margin-bottom: 30px;
margin-left: 0 !important;
margin-right: 0 !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 10px;
margin: 10px;
align-items: center;
display: flex;
justify-content: center;
}
h4 {color: #39559f;
font-size: 22px;
font-weight: 300;
}
.greybg .flexunordered {font-size:15px;}
.h2desc {
text-align: center;
margin-bottom: 30px;
font-weight:600;
padding: 0 30px;
}
.three {justify-content: center;}
.col-sm-3 img {
height: 140px;
box-shadow: -1px 8px 10px #747373;
}
.greyborder .col-sm-4 {border-right:1px solid #39559f;}
.greyborder .col-sm-4:last-of-type {border-right:0;}
.greybg {
background-color: #39559f; text-align: center; padding: 10px; color:#fff;}
.justify-content-center {
-webkit-box-pack: center !important;
-webkit-justify-content: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.three h4 {
border: 1px solid #39559f;
padding: 20px;
border: 1px solid #39559f;
padding: 15px;
margin: 0 10px;
font-size: 17px;
}
.col-sm-0 {
width: 16.666667%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;}
.col-sm-10c{
width: 10%;
float: left;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;}
.col-sm-2 img {text-align: center;
max-width: 100px;}
.col-sm-5 img { max-width: 150px;padding-top: 15px;}
.col-sm-6 {padding:20px;
text-align:center;}
.hasborder {margin-bottom: 20px;
border-bottom: 0 solid #f2f2f2;
padding-bottom: 20px;
align-items: center;
display: flex;
}
.hasgreyborder {margin-bottom: 15px;
padding-bottom: 10px;
}
.hasborder h3,
.hasborder p {text-align:right;}
.reverse h3,
.reverse p {text-align:left;}
@media (min-width: 1200px) {
.container {
width: 1140px;
max-width: 100%;
}
.row {
margin-right: 0;
margin-left: 0;
}
}
@media (min-width: 850px) and (max-width: 1100px){
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 45%;
display: flex;
align-items: center;
justify-content: center;
}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
}
@media (min-width: 990px) and (max-width: 1200px){
h4 {font-size: 19px;}
.flexro .col-sm-6 {
height: 190px;
}
}
@media (min-width: 901px) and (max-width: 1001px){
.reverse {flex-direction: row !important;}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
.three h4 {
border: 1px solid #39559f;
padding: 5px;
margin: 10px;
font-size: 17px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 25%;}
.flexro .col-sm-6 {
height: 223px;
}
.hasborder h3, .hasborder p {
text-align: left;
}
.direc .col-sm-6 {
width: 63% !important;
}
}
@media (min-width: 768px) and (max-width: 1000px){
h4 { font-size: 17px;}
.col-sm-0, .col-sm-10c {display:none;}
.col-sm-3 h4 {
font-size: 16px;}
.hasborder {
margin-bottom: 20px;
border-bottom: 1px solid #f2f2f2;
padding-bottom: 20px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between !important;
}
.flexro {display:flex;}
.flexro .col-sm-6 {
flex-basis:50% !important;
}
h3 { font-size: 18px;}
.row.justify-content-center.hasborder.reverse.flexr {
flex-direction: row !important;
}
.greysection .col-sm-4, .greysection .fle {width:33%;}
.greysection .col-sm-6 {width:50% !important;}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100% !important;
width:100% !important;
}
.fle.row {flex-direction:row !important;}
.direc img {width:300px;}
.pad40, .pad70 {
padding-top: 20px !important;
}
}
@media (min-width: 576px) and (max-width: 900px){
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 16.666667%;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
padding: 20px;
}
.three h4 {
border: 1px solid #39559f;
padding: 5px;
margin: 10px;
font-size: 17px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
width: 25%;}
.flexro .col-sm-6 {
height: 220px;
}
.redr {width:250px;}
.pad40 {
padding-top: 0 !important;
}
.row.justify-content-center.hasborder.reverse.pad40 {
padding-top: 20px !important;
}
.pad70 {
padding-top: 0 !important;
}
.reverse {flex-direction:row !important;}
.hasborder h3, .hasborder p {
text-align: left !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 45%;
display: flex;
align-items: center;
justify-content: center;
}
.pad15t {padding-top:0;}
.pad15 {padding-bottom:0;}
.col-sm-0, .col-sm-10c {
width: 0;
float: left;
position: relative;
min-height: 1px;
padding-right: 0;
padding-left: 0;
display: none;
}
.three {flex-wrap: wrap;}
.greybg {
background-color: #39559f;
text-align: center;
padding: 20px 10px;
color: #fff;
/*width: 100%;*/
max-width: 100%;
}
.hasborder {
margin-bottom: 20px;
border-bottom: 0 solid #f2f2f2;
padding-bottom: 20px;
display: flex;
flex-direction: row-reverse;
justify-content: space-between !important;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100% !important;
width:100% !important;
}
.direc img { width: 200px;}
.direc { flex-direction: column !important;}
}
@media (min-width: 576px) and (max-width: 850px){
.greybg {
background-color: #39559f;
text-align: center;
padding: 20px 10px;
color: #fff;
max-width: 100%;
}
.col-sm-4 {padding-top:10px;}
.access {display:flex;
flex-direction: column !important;}
.access img {width: 300px;
height: 190px;}
.fleximage {
width: 33px;
height: 33px;
margin: 0 10px;
background: #fff;
}
.flexro img {margin-top:25px;}
.flexro .row {
width: 100%;
flex-direction:column-reverse;
align-items:flex-start;
}
.flexro .reverse {
width: 100%;
flex-direction:column !important;
}
.flexro .col-sm-6 {
height: auto;
flex-basis: 100%;
}
.col-sm-2 {width:100%; max-width: 100% !important;}
.row.bluebg {
display: flex;
justify-content: center;
}
.wid128 {width:250px;}
.greyborder .col-sm-4 {
border-right: 0;
}
.direc {flex-direction: column !important;
display: flex;}
.direc .col-sm-6 {width:100% !important;}
.col-sm-3 h4 { height: auto;}
}
@media (max-width:576px) {
.greyborder .col-sm-4 {
border-right: 0;
}
.flexro {display:flex;flex-direction:column;}
.flexro img {margin-top:25px;}
.flexro .row {
width: 100%;
flex-direction:column-reverse;
align-items:flex-start;
}
.three h4 {
border: 1px solid #39559f;
padding: 20px;
border: 1px solid #39559f;
padding: 15px;
margin: 5px;
font-size: 17px;
width: 100%;
}
.flexro .col-sm-6 {
min-height: 165px;
height:auto;
}
.flexro .reverse {
width: 100%;
flex-direction:column !important;
}
.direc img { width: 200px;}
.reverse {flex-direction: column-reverse !important;
display: flex;
text-align: center !important;
}
.direc { flex-direction: column !important;}
.pad15 {padding-bottom:0;}
.pad10 { padding-top: 25px;}
.pad40, .pad70 {padding-top:10px !important;}
.midimage {
padding-bottom: 0;}
.hasborder {flex-direction:column-reverse;}
.justify-content-center { display: flex;
flex-direction: column;}
.desktop td, .desktop th {
text-align: center;
padding: 8px !important;
font-size: 12px !important;
}
.greyborder {
border-radius: 0px;
border: 1px solid #39559f;
background-color: white;
text-align: center;
padding: 5px;
margin: 10px 10px 0 0;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.bordertext {
padding-bottom: 0;
margin: 0 20px 10px 20px;
}
.redr {display:none;}
ol, ul {
margin: 0 0 15px 0px;}
.row {flex-direction: column;}
.hasborder h3,
.hasborder p,
.reverse h3,
.reverse p {text-align:center;}
.col-sm-7 {text-align:center !important;}
.pad15t {padding-top:0;}
.col-sm-3 h4 { height: auto;}
.col-sm-4 {padding-top:10px;}
.h2desc {
padding: 0 10px;
}
.access {display:flex;
flex-direction: column !important;}
.flexro p, .flexro h3 {text-align:center !important;}
}
--></style>
<div class="wrapper main-content">
<div class="container">
<div class="greyrow">
<img style="width: 100px;" alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/Visio_logo.png">
<h2 style="color: #fff;">Microsoft Visio</h2>
<p>Microsoft Visio is far more than a diagramming tool. It is a useful tool to help visualize, organize, understand, and present data in an informative way.</p>
<div class="greybg">
<p><strong>***THIS PRODUCT REQUIRES WINDOWS 10 or LATER***</strong></p>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Simplify complicated diagrams. No coding is needed</h2>
<p class="h2desc">Large complicated diagrams can be streamlined with Sub-processes and Containers that can group shapes together in a visually logical way. <br>____________________</p>
<div class="row">
<div class="col-sm-6">
<h4>Stylish color palettes and effects <br>_____</h4>
Themes feature saves time spent on trying to manually put a look together that suits your requirements. These themes can be applied to a single page, an entire document, or for specific shapes.</div>
<div class="col-sm-6 greybg">
<h4 style="color: #fff;">Show complex diagrams in a simpler way<br>_____</h4>
With Microsoft Visio you can group shapes together in a visually logical way. The Sub-Process Creation feature allows users to show complex multi-page diagrams in a simpler way without losing key information.</div>
</div>
<div class="row justify-content-center hasborder reverse pad40">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-3.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Built-in shapes and templates</h3>
<p>Microsoft Visio offers built-in shapes and templates to help users design professional diagrams. It connects with data sources that can edit your diagrams automatically as the data changes. UML templates have drag-and-drop functionality.</p>
</div>
</div>
<div style="border-bottom: 0;" class="row justify-content-center hasborder pad40">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Formatting options used in other Office applications</h3>
<p>Some of the same formatting options used in other Office applications like Word, PowerPoint, etc. This includes gradients, shadows and 3D effects. It allows for a more polished and professional look when all business documentation carries a common visual theme.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio2016_6fe728a1-33a4-43a7-8eab-46fdc344f3d7.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Connect to data sources</h2>
<p class="h2desc">With Microsoft Visio you can easily create diagrams like timelines, organization charts, and calendars from a data source:<br>____________________</p>
<div class="hasborder three">
<h4>Excel</h4>
<h4>Active Directory</h4>
<h4>SQL Server</h4>
<h4>SQL Azure</h4>
<h4>Microsoft Access</h4>
<h4>SharePoint</h4>
</div>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<p>Visio allows for diagrams to connect to more than 1 data source, like Microsoft Excel, Microsoft Access and Microsoft SQL Server. Linked data will always be current without manual effort, thanks to Automatic Refresh. These linked diagrams can act as dashboards and be used to monitor real-time progress and performance. Data is refreshed automatically so diagrams actually adjust themselves.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-import.png" loading="lazy"></div>
</div>
<div class="row justify-content-center hasborder reverse flexro">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio8.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>SharePoint Process Repository</h3>
<p>Diagrams for business processes and sub-processes can be reused and shared via Visio’s integration with SharePoint Process Repository.</p>
<h3>Two-way data connections</h3>
<p>Two-way data connections can be created so that data changes in the Visio diagram will affect the data source.</p>
</div>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Check diagram against business rules</h2>
<p class="h2desc">____________________</p>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Validation feature</h3>
<p>Diagrams can be checked against business rules to maintain accuracy in representations. There is also a validation feature that can make sure diagrams are logical and constructed correctly.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-validate.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Use clean and uncluttered user interface</h2>
<p class="h2desc">Visio 2007 has a clean and uncluttered user interface, which makes it easier to find what you’re looking for.<br>____________________</p>
<div class="row justify-content-center hasborder reverse">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio2007_large_75bb16f9-2eae-4980-9434-8eb26378ae34.jpg" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Useful templates</h3>
<p>There are various useful templates available. The most popular templates of each category appear first.</p>
</div>
</div>
<div class="row">
<div class="col-sm-6">
<h4>Quick Shapes Mini Toolbar<br>_____</h4>
Shapes can be added and aligned quickly with features like Quick Shapes Mini Toolbar, a better dynamic grid and automatic layout adjustment.</div>
<div class="col-sm-6 greybg">
<h4 style="color: #fff;">The AutoConnect feature<br>_____</h4>
The AutoConnect feature allows for automatic connections along with shape distribution and alignment. This is an intuitive feature, designed to help create accurate data representations with minimal effort.</div>
</div>
</div>
<div style="padding-top: 20px;">
<h2>Protect your data</h2>
<p class="h2desc">Diagrams are kept secure with Microsoft file protection technologies. <br>____________________</p>
<div style="border-bottom: 0;" class="row justify-content-center hasborder">
<div style="text-align: right;" class="col-sm-6 align-self-center">
<h3>Information Rights Management</h3>
<p>Visio can read and write files in .vssx, .vstx, .vsdm, .vssm, and .vstm formats. It supports Information Rights Management (IRM) and the protection of email messages, attachments, and diagram files. Document rights can be managed easily, even on the individual user level.</p>
</div>
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-shield.png" loading="lazy"></div>
</div>
</div>
<div class="greysection">
<h2>Enhance support for team collaboration</h2>
<p>____________________</p>
<div class="row justify-content-center hasborder reverse">
<div style="text-align: center;" class="col-sm-4"><img alt="" src="https://cdn.shopify.com/s/files/1/0855/1446/files/visio-collaboration.png" loading="lazy"></div>
<div style="text-align: left;" class="col-sm-6 align-self-center">
<h3>Enjoy effective communication features</h3>
<p>Several users can collaborate on a single diagram at the same time. Team members always have a real-time view of what other members are working on. These parts of the document are clearly marked and there are communication features to contact them without even leaving the desktop.</p>
</div>
</div>
</div>
</div>
</div>
No features listed.