|
|
| Line 1: |
Line 1: |
| <html> | | <div class="video"> |
| <h4> MDriven Turnkey is a new way to develop internet applications.
| | <div class="video__wrapper"> |
| MDriven Turnkey is based on proven technologies like JQuery, Bootstrap, AngularJS, MDriven Framework, Azure and SQLServer.
| |
| | |
| You subscribe to an MDriven Turnkey site that holds your application. Your application is truly yours and there are no per user fees or restriction. However need for additional performance may trigger extra costs. You can at any time retrieve all your data and end your subscription. There is no lock in. </h4>
| |
| | |
| <p class="warn">
| |
| <em>To make your experience more comfortable, we set the main tags mentioned in the video to the right bar menu of this mini player. Choose the interesting subtitle on the list and immediately get to the exact theme timeplace in the video. Now you can pick any topic to be instructed without watching the whole video.</em> </p>
| |
| <style type="text/css">
| |
| p.warn {
| |
| opacity: 0.7;
| |
| text-align: justify;
| |
| width: 90%
| |
| }
| |
| #video12 {
| |
| position: relative;
| |
| padding-bottom: 10px;
| |
| }
| |
| #video12::after {
| |
| content: "";
| |
| display: table;
| |
| clear: both;
| |
| }
| |
| #video12 iframe {
| |
| width: 100%;
| |
| min-width: 200px;
| |
| max-width: 740px;
| |
| height: 500px;
| |
| float: left;
| |
| }
| |
| | |
| @media (max-width: 767px) {
| |
| #video12 iframe {
| |
| height: 180px;
| |
| }
| |
| }
| |
| | |
| #video12 div {
| |
| float: left;
| |
| padding-left: 10px;
| |
| overflow-y: auto;
| |
| height: 500px;
| |
| }
| |
| span.time {
| |
| display:block;
| |
| padding: 2px 10px 2px 10px;
| |
| padding-bottom: 0.5em;
| |
| padding-top: 0.5em;
| |
| opacity: 0.7;
| |
| }
| |
| span.time:hover {
| |
| color: #0000FF;
| |
| cursor: pointer;
| |
| }
| |
| span.time:focus {
| |
| color: blue; | |
| }
| |
| </style>
| |
| | |
| <br>
| |
| <div id="video12"> | |
| <iframe width="740" height="500" src="https://www.youtube.com/embed/JmL77B4SU7M?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
| |
| <div>
| |
| <span class="time" data-video="JmL77B4SU7M" data-start="17" tabindex="0"> Redeem Turnkey Tocken</span>
| |
| <span class="time" data-video="JmL77B4SU7M" data-start="57" tabindex="0"> Model with MDriven designer </span>
| |
| <span class="time" data-video="JmL77B4SU7M" data-start="187" tabindex="0"> Upload model </span>
| |
| <span class="time" data-video="JmL77B4SU7M" data-start="248" tabindex="0"> Editing the model </span>
| |
| </div>
| |
| </div>
| |
| | |
| <script>
| |
| var IMG = document.querySelectorAll('#video12 span'),
| |
| IFRAME = document.querySelector('#video12 iframe');
| |
| for (var i = 0; i < IMG.length; i++) {
| |
| IMG[i].onclick = function() {
| |
| IFRAME.src = 'https://www.youtube.com/embed/' + this.dataset.video + '?rel=0&autoplay=1';
| |
| if(this.dataset.end) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&end=' + this.dataset.end);
| |
| if(this.dataset.start) IFRAME.src = IFRAME.src.replace(/([\s\S]*)/g, '$1&start=' + this.dataset.start);
| |
| this.style.backgroundColor='rgba(0,0,0,.2)';
| |
| }
| |
| }
| |
| </script>
| |
| </html>
| |
|
| |
|
| When you work with Turnkey you are advised to always run the latest MDriven Designer. The latest MDriven Designer is always available via this link [http://www.new.capableobjects.com/xdownloads/MDrivenDesigner/Gaffr.application MDriven Designer] | | When you work with Turnkey you are advised to always run the latest MDriven Designer. The latest MDriven Designer is always available via this link [http://www.new.capableobjects.com/xdownloads/MDrivenDesigner/Gaffr.application MDriven Designer] |
