Added website content and CI config files
This commit is contained in:
smileomi18
BIN
public/dic/idl18.jpg
Normal file
BIN
public/dic/idl18.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 172 KiB |
1
public/dic/in.svg
Normal file
1
public/dic/in.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-linkedin-icon">LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
|
||||
|
After Width: | Height: | Size: 690 B |
358
public/dic/index.html
Normal file
358
public/dic/index.html
Normal file
@@ -0,0 +1,358 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>ShanMukha Innovations - Testing with Light</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">
|
||||
<!-- // [start style] -->
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#headline {
|
||||
padding: 0.8em;
|
||||
color: white;
|
||||
font-family: Roboto, helvetica, arial, sans-serif;
|
||||
background-color: black;
|
||||
background-image: url(idl18.jpg);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#headline h1 {
|
||||
font-weight: 200;
|
||||
font-size: 50px;
|
||||
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 {
|
||||
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: center;
|
||||
margin-bottom: 0px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
#section2 h2 + p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#section2 div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#section2 div img {
|
||||
width: 100%
|
||||
}
|
||||
|
||||
#section3 {
|
||||
background-color: #f5f5f5;
|
||||
font-family: Roboto, sans-serif;
|
||||
font-weight: 100;
|
||||
text-align: center;
|
||||
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>
|
||||
<!-- // [START headline] -->
|
||||
<div id="headline">
|
||||
<div class="container">
|
||||
<header>
|
||||
<h1>Happy International Day of Light !</h1>
|
||||
<p>Amazing light based non-contact testing tools launch on May 16, 2018.</p>
|
||||
</header>
|
||||
<div id="blurb">
|
||||
<p></p>
|
||||
<p>On International Day of Light, 2018, we are pleased to announce early access version of our Digital Image Correlation Software.</p>
|
||||
<p>Register now to hear more from us.</p>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<form action="mailto:info@sminnovations.in" method="GET" id="register">
|
||||
<h2>Register for Early Access</h2>
|
||||
<input type="submit" value="Sign Up">
|
||||
</form>
|
||||
<br>
|
||||
</div>
|
||||
</div>
|
||||
<!-- // [END headline] -->
|
||||
|
||||
<!-- // [START section1] -->
|
||||
<div id="section1">
|
||||
<div class="container">
|
||||
</div>
|
||||
</div>
|
||||
<!-- // [END section1] -->
|
||||
|
||||
<!-- // [START section3] -->
|
||||
<div id="section3">
|
||||
<div class="container">
|
||||
</div>
|
||||
</div>
|
||||
<!-- // [END section3] -->
|
||||
|
||||
<!-- // [START footer] -->
|
||||
<footer>
|
||||
<div class="container">
|
||||
<p>ShanMukha Innovations</p>
|
||||
<a href="https://www.linkedin.com/company/sminnovations/">
|
||||
<img alt="Linked In" height="32" width="32" src="in.svg" />
|
||||
</a>
|
||||
<a href="https://twitter.com/sminnovations1">
|
||||
<img alt="Twitter" height="32" width="32" src="twitter.svg" />
|
||||
</a>
|
||||
|
||||
</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>
|
||||
1
public/dic/twitter.svg
Normal file
1
public/dic/twitter.svg
Normal file
@@ -0,0 +1 @@
|
||||
<svg aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-twitter-icon">Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
|
||||
|
After Width: | Height: | Size: 830 B |
Reference in New Issue
Block a user