feat: initialize IoT Standards Lab website project with MAM skills & onboarding guide
This commit is contained in:
@@ -0,0 +1,45 @@
|
||||
.simple-slider .swiper-slide {
|
||||
height: auto;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
margin-top: 84px;
|
||||
}
|
||||
|
||||
.swiper-container {
|
||||
width: auto;
|
||||
max-width: 1500px;
|
||||
}
|
||||
|
||||
.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
|
||||
width: 50px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
@media (max-width:1500px) {
|
||||
.simple-slider .swiper-slide {
|
||||
margin-top: 70px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.simple-slider .swiper-button-next, .simple-slider .swiper-button-prev {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width:767px) {
|
||||
.simple-slider .swiper-slide {
|
||||
height: 270px;
|
||||
margin-top: 50px;
|
||||
}
|
||||
}
|
||||
|
||||
.special-skill-item.border-0 {
|
||||
box-shadow: 10px 5px 5px lightgray;
|
||||
}
|
||||
|
||||
.navbar.navbar-dark.navbar-expand-lg.fixed-top.bg-white.portfolio-navbar.gradient {
|
||||
}
|
||||
|
||||
@@ -0,0 +1,233 @@
|
||||
body {
|
||||
background: #f2f4f7;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.st_org.card-body {
|
||||
background: lightgray;
|
||||
}
|
||||
|
||||
.row.st_org img {
|
||||
max-height: 260px;
|
||||
}
|
||||
|
||||
@media (max-width: 400px) {
|
||||
.navbar-brand.logo {
|
||||
font-size: 1.3rem;
|
||||
}
|
||||
}
|
||||
|
||||
.portfolio-block .heading h2 {
|
||||
font-size: 1.9rem;
|
||||
}
|
||||
|
||||
.page-footer {
|
||||
background: #44475a;
|
||||
}
|
||||
|
||||
.page-footer a:hover {
|
||||
color: skyblue;
|
||||
}
|
||||
|
||||
.page-footer a {
|
||||
color: white;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.portfolio-block.ccis {
|
||||
padding-top: 45px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.vlc {
|
||||
margin-top: 70px;
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
|
||||
.organization {
|
||||
margin-top: 100px;
|
||||
}
|
||||
|
||||
.container img {
|
||||
width: 100%;
|
||||
transition: width 1s;
|
||||
-webkit-transition: all .2s ease-out;
|
||||
-moz-transition: all .2s ease-out;
|
||||
-ms-transition: all .2s ease-out;
|
||||
transition: all .2s ease-out;
|
||||
}
|
||||
|
||||
.godopu_description {
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
.float {
|
||||
position: fixed;
|
||||
width: 80px;
|
||||
height: 80px;
|
||||
bottom: 50px;
|
||||
right: 50px;
|
||||
background-color: lightcoral;
|
||||
color: #FFF;
|
||||
border-radius: 50px;
|
||||
text-align: center;
|
||||
padding-top: 14px;
|
||||
font-size: 50px;
|
||||
box-shadow: 2px 2px 3px #999;
|
||||
}
|
||||
|
||||
.float:hover {
|
||||
background: lightblue;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) and (min-width:992px) {
|
||||
.research-area.card-body {
|
||||
height: 332.8px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 992px) and (min-width:768px) {
|
||||
.research-area.card-body {
|
||||
height: 480px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.float {
|
||||
bottom: 23px;
|
||||
right: 23px;
|
||||
padding-top: 10px;
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
font-size: 35px;
|
||||
}
|
||||
}
|
||||
|
||||
.gcontainer {
|
||||
max-width: 1140px;
|
||||
display: flex;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
padding-left: 10px;
|
||||
font-size: 1.3rem;
|
||||
width:100%
|
||||
}
|
||||
|
||||
.gcontainer .card-img-top {
|
||||
display: flex;
|
||||
position: absolute;
|
||||
margin-top: auto;
|
||||
margin-bottom: auto;
|
||||
vertical-align: middle;
|
||||
width: calc(100% - 40px);
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
justify-content: center;
|
||||
padding:20px;
|
||||
}
|
||||
.gcontainer .card-img-top img{
|
||||
margin-top:auto;
|
||||
margin-bottom:auto;
|
||||
width : 100%;
|
||||
}
|
||||
|
||||
@media (max-width: 1200px) and (min-width:768px) {
|
||||
.gcontainer {
|
||||
width: 965px;
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gcontainer {
|
||||
max-width: 630px;
|
||||
padding : 10px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.godopu_description {
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
padding-bottom: 10px;
|
||||
position: relative;
|
||||
top: auto;
|
||||
bottom: auto;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gcontainer .col-sm-6 {
|
||||
width: 100%;
|
||||
padding : 0px;
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
flex: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.gcontainer .card-img-top {
|
||||
position: relative;
|
||||
padding:10px;
|
||||
margin-right:auto;
|
||||
margin-left:auto;
|
||||
display:flex;
|
||||
width: calc(100% - 20px);
|
||||
}
|
||||
}
|
||||
|
||||
.puscale-up-img{
|
||||
transition: transform .5s ease;
|
||||
border : none;
|
||||
}
|
||||
|
||||
.puscale-up-img:hover{
|
||||
box-shadow: 3px 3px 11px rgba(33,33,33,.2);
|
||||
transform: scale(1.07);
|
||||
}
|
||||
|
||||
.iots-frame-holder{
|
||||
display : none;
|
||||
width : 100%;
|
||||
height : calc(100% - 60px);
|
||||
position : fixed;
|
||||
margin-top : 62px;
|
||||
border : none;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y: auto;
|
||||
border : none;
|
||||
}
|
||||
|
||||
.iots-frame-holder iframe{
|
||||
width: 100%;
|
||||
height:100%;
|
||||
display:flex;
|
||||
border: none;
|
||||
}
|
||||
|
||||
@media(min-width:592px) {
|
||||
.iots-frame-holder {
|
||||
display : none;
|
||||
width : 100%;
|
||||
height : calc(100% - 80px);
|
||||
position : fixed;
|
||||
margin-top : 83px;
|
||||
}
|
||||
|
||||
.iots-frame-holder iframe{
|
||||
width: 100%;
|
||||
height:100%;
|
||||
display:flex;
|
||||
}
|
||||
}
|
||||
|
||||
@media(max-width:592px) {
|
||||
.iots-frame-holder iframe{
|
||||
-webkit-overflow-scrolling: touch;
|
||||
overflow-y : scroll;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,242 @@
|
||||
/*
|
||||
* Remodal - v1.1.1
|
||||
* Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
|
||||
* http://vodkabears.github.io/remodal/
|
||||
*
|
||||
* Made by Ilya Makarov
|
||||
* Under MIT License
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
Remodal's default mobile first theme
|
||||
========================================================================== */
|
||||
|
||||
/* Default theme styles for the background */
|
||||
|
||||
.remodal-bg.remodal-is-opening, .remodal-bg.remodal-is-opened {
|
||||
-webkit-filter: blur(3px);
|
||||
filter: blur(3px);
|
||||
}
|
||||
|
||||
/* Default theme styles of the overlay */
|
||||
|
||||
.remodal-overlay {
|
||||
background: rgba(43, 46, 56, 0.9);
|
||||
}
|
||||
|
||||
.remodal-overlay.remodal-is-opening, .remodal-overlay.remodal-is-closing {
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.remodal-overlay.remodal-is-opening {
|
||||
-webkit-animation-name: remodal-overlay-opening-keyframes;
|
||||
animation-name: remodal-overlay-opening-keyframes;
|
||||
}
|
||||
|
||||
.remodal-overlay.remodal-is-closing {
|
||||
-webkit-animation-name: remodal-overlay-closing-keyframes;
|
||||
animation-name: remodal-overlay-closing-keyframes;
|
||||
}
|
||||
|
||||
/* Default theme styles of the wrapper */
|
||||
|
||||
.remodal-wrapper {
|
||||
padding: 10px 10px 0;
|
||||
}
|
||||
|
||||
/* Default theme styles of the modal dialog */
|
||||
|
||||
.remodal {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
margin-bottom: 10px;
|
||||
padding: 35px;
|
||||
-webkit-transform: translate3d(0, 0, 0);
|
||||
transform: translate3d(0, 0, 0);
|
||||
color: #2b2e38;
|
||||
background: #f2f4f7;
|
||||
}
|
||||
|
||||
.remodal.remodal-is-opening, .remodal.remodal-is-closing {
|
||||
-webkit-animation-duration: 0.3s;
|
||||
animation-duration: 0.3s;
|
||||
-webkit-animation-fill-mode: forwards;
|
||||
animation-fill-mode: forwards;
|
||||
}
|
||||
|
||||
.remodal.remodal-is-opening {
|
||||
-webkit-animation-name: remodal-opening-keyframes;
|
||||
animation-name: remodal-opening-keyframes;
|
||||
}
|
||||
|
||||
.remodal.remodal-is-closing {
|
||||
-webkit-animation-name: remodal-closing-keyframes;
|
||||
animation-name: remodal-closing-keyframes;
|
||||
}
|
||||
|
||||
/* Vertical align of the modal dialog */
|
||||
|
||||
.remodal, .remodal-wrapper:after {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Close button */
|
||||
|
||||
.remodal-close {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
width: 35px;
|
||||
height: 35px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: color 0.2s;
|
||||
transition: color 0.2s;
|
||||
text-decoration: none;
|
||||
color: #95979c;
|
||||
border: 0;
|
||||
outline: 0;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.remodal-close:hover, .remodal-close:focus {
|
||||
color: #2b2e38;
|
||||
}
|
||||
|
||||
.remodal-close:before {
|
||||
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
|
||||
font-size: 25px;
|
||||
line-height: 35px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: block;
|
||||
width: 35px;
|
||||
content: "\00d7";
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Dialog buttons */
|
||||
|
||||
.remodal-confirm, .remodal-cancel {
|
||||
font: inherit;
|
||||
font-size: 20px;
|
||||
display: inline-block;
|
||||
overflow: visible;
|
||||
min-width: 150px;
|
||||
margin: 0;
|
||||
padding: 12px 0;
|
||||
cursor: pointer;
|
||||
-webkit-transition: background 0.2s;
|
||||
transition: background 0.2s;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
border: 0;
|
||||
border-radius: 25px;
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.remodal-confirm {
|
||||
color: #fff;
|
||||
background: #81c784;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.remodal-confirm:hover, .remodal-confirm:focus {
|
||||
background: #66bb6a;
|
||||
}
|
||||
|
||||
.remodal-cancel {
|
||||
color: #fff;
|
||||
background: #e57373;
|
||||
}
|
||||
|
||||
.remodal-cancel:hover, .remodal-cancel:focus {
|
||||
background: #ef5350;
|
||||
}
|
||||
|
||||
/* Remove inner padding and border in Firefox 4+ for the button tag. */
|
||||
|
||||
.remodal-confirm::-moz-focus-inner, .remodal-cancel::-moz-focus-inner, .remodal-close::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* Keyframes
|
||||
========================================================================== */
|
||||
|
||||
@keyframes remodal-opening-keyframes {
|
||||
from {
|
||||
-webkit-transform: scale(1.05);
|
||||
transform: scale(1.05);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
-webkit-transform: none;
|
||||
transform: none;
|
||||
opacity: 1;
|
||||
-webkit-filter: blur(0);
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes remodal-closing-keyframes {
|
||||
from {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
-webkit-transform: scale(0.95);
|
||||
transform: scale(0.95);
|
||||
opacity: 0;
|
||||
-webkit-filter: blur(0);
|
||||
filter: blur(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes remodal-overlay-opening-keyframes {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes remodal-overlay-closing-keyframes {
|
||||
from {
|
||||
opacity: 1;
|
||||
}
|
||||
to {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Media queries
|
||||
========================================================================== */
|
||||
|
||||
@media only screen and (min-width: 641px) {
|
||||
.remodal {
|
||||
max-width: 700px;
|
||||
}
|
||||
}
|
||||
|
||||
/* IE8
|
||||
========================================================================== */
|
||||
|
||||
.lt-ie9 .remodal-overlay {
|
||||
background: #2b2e38;
|
||||
}
|
||||
|
||||
.lt-ie9 .remodal {
|
||||
width: 700px;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,101 @@
|
||||
/*
|
||||
* Remodal - v1.1.1
|
||||
* Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
|
||||
* http://vodkabears.github.io/remodal/
|
||||
*
|
||||
* Made by Ilya Makarov
|
||||
* Under MIT License
|
||||
*/
|
||||
|
||||
/* ==========================================================================
|
||||
Remodal's necessary styles
|
||||
========================================================================== */
|
||||
|
||||
/* Hide scroll bar */
|
||||
|
||||
html.remodal-is-locked {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
/* Anti FOUC */
|
||||
|
||||
.remodal, [data-remodal-id] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Necessary styles of the overlay */
|
||||
|
||||
.remodal-overlay {
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
top: -5000px;
|
||||
right: -5000px;
|
||||
bottom: -5000px;
|
||||
left: -5000px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Necessary styles of the wrapper */
|
||||
|
||||
.remodal-wrapper {
|
||||
position: fixed;
|
||||
z-index: 10000;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
display: none;
|
||||
overflow: auto;
|
||||
text-align: center;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.remodal-wrapper:after {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
margin-left: -0.05em;
|
||||
content: "";
|
||||
}
|
||||
|
||||
/* Fix iPad, iPhone glitches */
|
||||
|
||||
.remodal-overlay, .remodal-wrapper {
|
||||
-webkit-backface-visibility: hidden;
|
||||
backface-visibility: hidden;
|
||||
}
|
||||
|
||||
/* Necessary styles of the modal dialog */
|
||||
|
||||
.remodal {
|
||||
position: relative;
|
||||
outline: none;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
text-size-adjust: 100%;
|
||||
}
|
||||
|
||||
.remodal-is-initialized {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.remodal-bg.with-red-theme.remodal-is-opening, .remodal-bg.with-red-theme.remodal-is-opened {
|
||||
filter: none;
|
||||
}
|
||||
|
||||
.remodal-overlay.with-red-theme {
|
||||
background-color: #f44336;
|
||||
}
|
||||
|
||||
.remodal.with-red-theme {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#profile_img {
|
||||
border-radius: 15%;
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
.portfolio-laptop-mockup .screen {
|
||||
border-width: 0px;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user