2018-11-21 22:30:30 +05:30
<!doctype html>
< html >
< head >
< title > ShanMukha Innovations - Developing a Swiss army knife of clinical diagnostics for serving 4 Billion people< / title >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link href = "//fonts.googleapis.com/css?family=Roboto:400,300,200,100&subset=latin,cyrillic" rel = "stylesheet" >
2018-11-24 12:23:08 +05:30
< link href = "css/navbar.css" rel = "stylesheet" >
2018-11-21 22:30:30 +05:30
<!-- // [start style] -->
< style >
body {
margin: 0;
padding: 0;
}
header.topbar{
2018-11-22 15:19:00 +05:30
background-color: #f1fdfd;
2018-11-21 22:30:30 +05:30
position: fixed;
width: 100%;
height: 70px;
opacity: 1;
z-index: 1;
top: 0;
left: 0;
}
2018-11-22 15:19:00 +05:30
2018-11-21 22:30:30 +05:30
#headline {
2018-11-22 22:13:41 +05:30
margin-top: 0px;
2018-11-21 22:30:30 +05:30
padding: 0.8em;
color: white;
font-family: Roboto, helvetica, arial, sans-serif;
2018-11-22 15:19:00 +05:30
background-color: #4d4d4d;
2018-11-21 22:30:30 +05:30
background-size: cover;
}
#headline h1 {
font-weight: 200;
font-size: 60px;
line-height: 1em;
margin-bottom: 0;
}
#headline h2 {
font-weight: 200;
font-size: 30px;
margin-top: 5px;
}
#headline #blurb {
font-weight: 300;
font-size: 18px;
}
#headline #register {
background-color: #39b1a4;
background-color: rgba(57,177, 164, 0.7);
padding: 1em;
}
#headline #register h2 {
font-weight: 100;
padding: 0;
margin: 0;
}
#headline #register label {
font-size: 1.2em;
font-weight: 200;
padding-top: 12px;
display: block;
}
#headline #register input {
width: 100%;
font-size: 18px;
font-weight: 200;
padding: 10px;
box-sizing: border-box;
}
#headline #register input[type=submit] {
background-color: hsl(8, 70%, 54%);
color: white;
margin-top: 20px;
padding: 10px;
border: none;
box-sizing: border-box;
font-size: 18px;
}
#section1, #section2, #section3 {
box-sizing: border-box;
padding: 20px;
}
#section1 h2, #section2 h2, #section3 h2 {
margin-top: 0;
font-size: 24px
}
#section1 {
2018-11-23 15:17:47 +05:30
margin-top: 70px;
2018-11-21 22:30:30 +05:30
background-color: white;
font-family: Roboto, sans-serif;
font-weight: 100;
font-size: 18px;
}
#section1 h2 {
font-weight: 300;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
#section1 h2 + p {
}
#section1 video {
width: 100%;
}
#section2 {
background-color: #e9e9e9;
font-family: Roboto, sans-serif;
font-weight: 100;
font-size: 18px;
}
#section2 h2 {
font-weight: 300;
text-align: left;
margin-bottom: 0px;
margin-top: 20px;
}
#section2 h2 + p {
text-align: left;
}
#section2 div {
text-align: center;
}
#section2 div img {
width: 100%
}
#section3 {
background-color: #ffffff;
font-family: Roboto, sans-serif;
font-weight: 100;
2018-11-22 15:19:00 +05:30
text-align: left;
2018-11-21 22:30:30 +05:30
margin: auto;
}
#section3 h2 {
font-weight: 300;
text-align: center;
margin-bottom: 0px;
margin-top: 20px;
}
#section3 h2 + p {
text-align: center;
}
#section3 figure {
text-align: center;
}
#section3 figure figcaption {
text-align: center;
font-weight: 400;
}
footer {
font-family: Roboto, sans-serif;
font-weight: 300;
text-align: center;
background-color: hsl(8, 70%, 54%);
color: white;
padding-bottom: 20px;
padding-top: 20px;
}
table {
margin-top: 26px;
width: 100%;
}
thead {
font-weight: bold;
}
tbody {
text-align: center;
}
/* // [START table-css] */
@media screen and (max-width: 600px) {
table thead {
display: none;
}
table td {
display: block;
position: relative;
padding-left: 50%;
padding-top: 13px;
padding-bottom: 13px;
text-align: left;
background: #e9e9e9;
}
table td:before {
content: attr(data-th) " :";
display: inline-block;
color: #000000;
background: #e9e9e9;
border-right: 2px solid transparent;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 33%;
max-height: 100%;
font-size: 16px;
font-weight: 300;
padding-left: 13px;
padding-top: 13px;
}
}
/* // [END table-css] */
@media screen and (min-width: 600px) {
#headline {
padding: 20px 5%;
}
.container {
margin: auto;
max-width: 800px;
}
#headline #blurb {
float: left;
font-weight: 200;
width: 50%;
font-size: 18px;
box-sizing: border-box;
padding-right: 10px;
}
#headline br {
clear: both;
}
#headline #register {
float:right;
padding: 20px;
width: 50%;
box-sizing: border-box;
font-weight: 300;
}
#section1 #section2, #section3 {
box-sizing: border-box;
padding: 10px 20% 80px 20%;
}
#section1 h2, #section2 h2, #section3 h2 {
margin-top: 0;
font-size: 60px
}
#section1 ul {
box-sizing: border-box;
float: left;
width: 50%;
padding-right: 1em;
}
#section1 video {
box-sizing: border-box;
width: 50%;
float: right;
}
#section1 br {
clear: both;
}
#section2 div img {
width: 30%;
margin: 1%;
box-sizing: border-box;
border-radius: 50% 50%;
box-shadow: black 0px 0px 5px;
}
}
< / style >
<!-- // [END style] -->
< / head >
< body >
2018-11-22 22:13:41 +05:30
< div class = "nav" >
2018-11-24 15:38:01 +05:30
< div class = "nav-header" >
2018-11-24 16:04:20 +05:30
< img src = "images/logo.png" style = "height: auto; width: 100%; max-width: 200px" >
2018-11-24 15:38:01 +05:30
< / div >
2018-11-22 22:13:41 +05:30
< div class = "nav-btn" >
< label for = "nav-check" >
< span > < / span >
< span > < / span >
< span > < / span >
< / label >
< / div >
< input type = "checkbox" id = "nav-check" >
< div class = "nav-links" >
2018-11-23 15:17:47 +05:30
< a href = "index.html" > Home < / a >
< a href = "team.html" > Team < / a >
< a href = "tech.html" > Technology < / a >
< a href = "contact.html" > Contact < / a >
2018-11-22 22:13:41 +05:30
< / div >
< / div >
2018-11-21 22:30:30 +05:30
<!-- // [START headline] -->
< div id = "headline" >
< div class = "container" >
< header >
2018-11-22 22:13:41 +05:30
< br / >
< p / >
2018-11-21 22:30:30 +05:30
< h1 > ShanMukha Innovations< / h1 >
< p > Developing a swiss army knife of clinical diagnostics to serve the needs of 4 Billion people.< / p >
< / header >
< div id = "blurb" >
< p > The WHO constituion envisages " ...the highest attainable standard of health as a fundamental right of every human being." < / p >
< p > We are striving to develop affordable point-of-care diagnostic solutions to support this basic human right.< / p >
< p > Translating innovative research into quality products meeting social needs is our core focus. < / p >
< / div >
< form action = "mailto:info@sminnovations.in" method = "GET" id = "register" >
< h2 > Partners Welcome < / h2 >
2018-11-24 12:58:42 +05:30
< p > We know it takes a team to solve a big challenge. < / p >
< p > Engage with us to bring these solutions to market. < / p >
< input type = "submit" value = "Connect" >
2018-11-21 22:30:30 +05:30
< / form >
< br >
< / div >
< / div >
<!-- // [END headline] -->
<!-- // [START section1] -->
< div id = "section1" >
< div class = "container" >
2018-11-22 15:19:00 +05:30
< h3 > The Opportunity < / h3 >
2018-11-24 13:15:56 +05:30
< img src = "images/opp.png" alt = "Opportunity" style = "height: auto; max-width: 100%;" / >
2018-11-21 22:30:30 +05:30
< br / >
< p / >
< / div >
< / div >
<!-- // [END section1] -->
<!-- // [START section3] -->
< hr / >
< div id = "section3" >
< div class = "container" >
2018-11-22 15:19:00 +05:30
< h3 > Our Solution < / h3 >
2018-11-24 13:15:56 +05:30
< img src = "images/sak.png" alt = "Swiss Army knife of clinical diagnostics" style = "height:auto; max-width: 100%" / >
2018-11-21 22:30:30 +05:30
< / div >
2018-11-22 11:45:26 +05:30
< hr / >
< br / >
< p / >
< p > Supported by < / p >
2018-11-24 13:15:56 +05:30
< img src = "http://sid.iisc.ac.in/wp-content/themes/azera-shop/logo-2.png" alt = "Society for Innovation and Development" height = "75px" width = "75px" style = "margin-right:50px" / >
< img src = "https://www.iisc.ac.in/wp-content/uploads/2017/09/IISc-LogoNew-hindi-300x284.jpg" alt = "Indian Institute of Science" height = "75px" width = "71px" style = "margin-right:50px" / >
2018-11-22 12:49:26 +05:30
< img src = "http://www.ccamp.res.in/sites/default/files/ccamp_0_1.png" alt = "C-CAMP" style = "margin-right:50px" / >
2018-11-22 11:45:26 +05:30
< img src = "http://www.birac.nic.in/images/logo.png" alt = "BIRAC" / >
2018-11-21 22:30:30 +05:30
< / div >
<!-- // [END section3] -->
<!-- // [START footer] -->
< footer >
< div class = "container" >
< a href = "https://www.linkedin.com/company/sminnovations/" >
2018-11-22 12:49:26 +05:30
< img alt = "Linked In" height = "32" width = "32" src = "images/in.svg" style = "margin-right:10px" / >
2018-11-21 22:30:30 +05:30
< / a >
< a href = "https://twitter.com/sminnovations1" >
2018-11-22 12:49:26 +05:30
< img alt = "Twitter" height = "32" width = "32" src = "images/twitter.svg" / >
2018-11-21 22:30:30 +05:30
< / a >
2018-11-22 12:49:26 +05:30
< p > ShanMukha Innovations © 2018< / p >
2018-11-21 22:30:30 +05:30
< / div >
< / footer >
<!-- // [END footer] -->
< script type = "text/javascript" >
function init() {
window.matchMedia("(max-width: 600px)").addListener(hitMQ);
}
function hitMQ(evt) {
sampleCompleted("GettingStarted-ContentWithStyles");
}
init();
< / script >
< / body >
< / html >
