SNIA's Data-Centric Focus
SNIA's Data-Centric Focus
For over 25 years, SNIA has been committed to its mission of worldwide leadership developing and promoting architectures, standards, education and vendor-neutral collaboration. Our focus is on the transport, storage, acceleration, format, protection, and optimization of infrastructure for data.
<div class="b_layout">
<div class="ccontainer">
<div class="item" style="background-color:#5A2D82;color:white;">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M14.8532 2.14453L11.559 7.90921C11.5559 7.9147 11.5599 7.92155 11.5662 7.92155H15.6586C15.6659 7.92155 15.6695 7.93044 15.6643 7.93564L6.60027 16.9998L8.24828 10.4077C8.24958 10.4025 8.24565 10.3975 8.24028 10.3975H4.13717C4.13118 10.3975 4.12718 10.3913 4.12964 10.3858L7.8382 2.14453H14.8532Z" stroke="white" stroke-width="1.23793"></path></g></svg>
<div class="title" style="color:white;">
Accelerate<br>
Data
</div>
</div>
<div class="item">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M16.8409 7.42578H3.63623V18.1545H16.8409V7.42578Z" stroke="#552D80" stroke-width="1.23793" stroke-linecap="square"></path><path d="M6.52393 7.42741V5.36419C6.52393 3.31312 8.18665 1.65039 10.2377 1.65039C12.2888 1.65039 13.9515 3.31312 13.9515 5.36419V7.42741" stroke="#552D80" stroke-width="1.23793" stroke-linecap="square"></path><path d="M13.5356 12.7832V12.7918" stroke="#552D80" stroke-width="1.65058" stroke-linecap="square"></path><path d="M10.2368 12.7832V12.7918" stroke="#552D80" stroke-width="1.65058" stroke-linecap="square"></path><path d="M6.93506 12.7832V12.7918" stroke="#552D80" stroke-width="1.65058" stroke-linecap="square"></path></g></svg>
<div class="title">
Transport<br>
data
</div>
</div>
<div class="item">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M13.4601 9.90414C13.4601 11.4994 12.1669 12.7926 10.5716 12.7926C8.97633 12.7926 7.68311 11.4994 7.68311 9.90414C7.68311 8.30885 8.97633 7.01562 10.5716 7.01562C12.1669 7.01562 13.4601 8.30885 13.4601 9.90414Z" stroke="#552D80" stroke-width="1.23793"></path><path d="M18.8207 11.528V8.28152C16.4631 8.28152 14.9301 5.72082 16.1237 3.68772L13.2648 2.06454C12.0565 4.12276 9.0805 4.12268 7.87213 2.06445L5.01325 3.68764C6.20689 5.72077 4.67257 8.28152 2.31494 8.28152V11.528C4.67253 11.528 6.20556 14.0887 5.01194 16.1218L7.87083 17.7449C9.07975 15.6857 12.0571 15.6856 13.2661 17.7449L16.125 16.1217C14.9315 14.0886 16.4632 11.528 18.8207 11.528Z" stroke="#552D80" stroke-width="1.23793" stroke-linecap="round" stroke-linejoin="round"></path></g></svg>
<div class="title">
Protect<br>
data
</div>
</div>
<div class="item">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M9.90407 6.60017C13.5504 6.60017 16.5064 5.49169 16.5064 4.1243C16.5064 2.75692 13.5504 1.64844 9.90407 1.64844C6.25771 1.64844 3.30176 2.75692 3.30176 4.1243C3.30176 5.49169 6.25771 6.60017 9.90407 6.60017Z" stroke="#552D80" stroke-width="1.23793"></path><path d="M16.5064 9.90039C16.5064 11.2678 13.5504 12.3763 9.90407 12.3763C6.25771 12.3763 3.30176 11.2678 3.30176 9.90039" stroke="#552D80" stroke-width="1.23793"></path><path d="M16.5064 4.125V15.679C16.5064 17.0465 13.5504 18.1549 9.90407 18.1549C6.25771 18.1549 3.30176 17.0465 3.30176 15.679V4.125" stroke="#552D80" stroke-width="1.23793"></path><path d="M6.60059 6.60156V8.66478" stroke="#552D80" stroke-width="1.23793"></path><path d="M6.60059 12.3789V14.4421" stroke="#552D80" stroke-width="1.23793"></path></g></svg>
<div class="title">
Store<br>
data
</div>
</div>
<div class="item">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M16.8369 6.18841L10.2346 2.47461L3.63232 6.18841L10.2346 9.90221L16.8369 6.18841Z" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path><path d="M16.8369 6.1875V13.6151L10.2346 17.3289L3.63232 13.6151V6.1875M10.2346 9.9013V17.0225" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path></g></svg>
<div class="title">
Optimize infrastructure<br>
for data
</div>
</div>
<div class="item">
<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g opacity="0.7"><path d="M17.9963 2.47656H3.14111V17.3318H17.9963V2.47656Z" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path><path d="M3.14111 9.90234H17.9963" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path><path d="M9.74119 6.1875H15.5182M8.09061 6.1875H5.61475" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path><path d="M9.74119 13.6172H15.5182M8.09061 13.6172H5.61475" stroke="#552D80" stroke-width="1.23793" stroke-linejoin="round"></path></g></svg>
<div class="title">
Format data
</div>
</div>
</div>
</div>
<style>
.bcontainer {
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
/*! height: 100vh; */
margin: 0;
background-color: #f4f4f4;
}
.ccontainer {
display: flex;
background-color: white;
border: 1px solid #ddd;
/*! box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); */
display: grid;
/*grid-template-columns: repeat(6, 1fr);*/
box-sizing: border-box;
}
@media (min-width: 768px) {
.ccontainer {
grid-template-columns: repeat(6,1fr)
}
}
@media (max-width: 768px) {
.ccontainer {
grid-template-columns: repeat(3,1fr)
}
}
@media (max-width: 600px) {
.ccontainer {
grid-template-columns: repeat(2,1fr) !important;
}
}
.item {
padding: 20px;
/*! text-align: center; */
flex: 1;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.item:last-child {
border-right: none;
}
.icon-placeholder {
display: inline-block;
width: 40px;
height: 40px;
background-color: #ddd;
border-radius: 50%;
margin-bottom: 10px;
text-align: center;
}
.title {
/*! font-weight: bold; */
margin-bottom: 5px;
color: #424242;
text-align: start;
font-family: Manrope;
font-size: 14px;
}
.description {
color: #666;
}
</style>