How to make spanish tortilla
How do I make an how to make spanish tortilla?
What is a how to make spanish tortilla? How do you make a how to make spanish tortilla? This script and codes were developed by Moncho Varela on 30 August 2022, Tuesday.
How to make spanish tortilla - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>How to make spanish tortilla</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="main"> <div class="alf"> <img src="https://dl.dropboxusercontent.com/u/23834858/fotos/ALF.jpg" alt=""/> <h3></h3> </div> <div class="alice"> <img src="https://dl.dropboxusercontent.com/u/23834858/fotos/alice.jpg" alt=""/> <h3></h3> </div>
</div> <div class="video"></div> <script src="js/index.js"></script>
</body>
</html>
How to make spanish tortilla - Script Codes CSS Codes
body{ background:#3498db;
}
.main{ background:#e67e22; display:block; padding:1em; overflow: hidden; width: 85%; margin: 20% auto; box-shadow: 0 6px 6px -6px black;
}
.main h1 { color: #FFF; text-shadow: 0 2px 3px #7E4D10; text-align: center; margin: 0.5em auto;
}
.alf {width: 45%;float: left;text-align:left;color: #ecf0f1;}
.alice {width: 45%;float: right;text-align:right;color:#16a085;}
.alf,.alice { display:block; margin-bottom: 0.5em; width: 100%; text-shadow:0 1px 2px black;
}
.alf img,.alice img{ border:2px solid #ecf0f1; box-shadow:0 6px 6px -6px black; border-radius:100%; width:100px; height:100px; margin-left:0.5em; margin-right:0.5em;
}
.alf img{float:left;}
.alice img{float:right;}
.main{transition: margin 1s ease;}
.video{ display: block; width: 90%; display:block; padding:1em; margin: auto;
}
.video iframe { margin: -20% auto; display: block; padding: 1em; background: #E67E22; text-align: center; box-shadow: 0 6px 6px -6px #000;
}
How to make spanish tortilla - Script Codes JS Codes
(function(document,window){ 'use-strict'; var main,result,stop = false; if (typeof app === 'undefined') app = {} app.run = { init: function() { this.render(); }, // typing effect typing:function (){ if (obj){ obj.innerHTML= t.substr(0, i);i++; var time = setTimeout("app.run.typing()",70); if(stop === true){ clearTimeout(time); } } }, // runTypin('hello') runTyping:function(el,elem){ obj=document.querySelector(elem),t=el,i=1;app.run.typing(); }, // End typing effect // render result render:function(){ this.runTyping(this.words.one,'.alf>h3'); setTimeout(function(){ app.run.runTyping(app.run.words.two,'.alice>h3'); },1500); setTimeout(function(){ app.run.runTyping(app.run.words.three,'.alf>h3'); },3000); setTimeout(function(){ app.run.runTyping(app.run.words.four,'.alice>h3'); },4000); setTimeout(function(){ app.run.runTyping(app.run.words.five,'.alice>h3'); },6000); setTimeout(function(){ app.run.runTyping(app.run.words.six,'.alf>h3'); },8000); setTimeout(function(){ app.run.runTyping(app.run.words.seven,'.alice>h3'); },10000); setTimeout(function(){ app.run.runTyping(app.run.words.eight,'.alf>h3'); },11000); setTimeout(function(){ app.run.runTyping(app.run.words.nine,'.alice>h3'); },12500); setTimeout(function(){ app.run.runTyping(app.run.words.ten,'.alf>h3'); },15000); setTimeout(function(){ app.run.runTyping(app.run.words.eleven,'.alice>h3'); },17500); setTimeout(function(){ app.run.runTyping(app.run.words.twelve,'.alf>h3'); },20000); setTimeout(function(){ app.run.runTyping(app.run.words.thirteen,'.alf>h3'); },22500); setTimeout(function(){ app.run.runTyping(app.run.words.fourteen,'.alice>h3'); },25000); setTimeout(function(){ app.run.runTyping(app.run.words.fiveteen,'.alf>h3'); },27500); setTimeout(function(){ app.run.runTyping(app.run.words.sixteen,'.alice>h3'); },30000); setTimeout(function(){ app.run.runTyping(app.run.words.seventeen,'.alf>h3'); },32500); setTimeout(function(){ document.querySelector('.main').style.marginTop = '5px'; },35000); setTimeout(function(){ document.querySelector('.video').innerHTML = app.run.words.eighteen; },37500); setTimeout(function(){ app.run.runTyping(app.run.words.nineteen,'.alice>h3'); },40000); setTimeout(function(){ app.run.runTyping(app.run.words.twuenty,'.alf>h3'); },42500); setTimeout(function(){ app.run.runTyping(app.run.words.twuentyone,'.alice>h3'); },45000); setTimeout(function(){ app.run.runTyping(app.run.words.twuentytwo,'.main'); },47000); // end setTimeout(function(){stop = true;},50000); }, // The words words:{ 'one': 'Hello Alice', 'two': 'Hello Alf, how do you do', 'three': 'Fine, thanks and you?', 'four': 'Well thanks.', 'five': 'What are you doing?', 'six': 'I play guitar', 'seven': ' Nice.... ', 'eight': ' And you? ', 'nine': 'Learning Javascript in Codepen', 'ten': 'I like Codepen', 'eleven': ' Me too... ', 'twelve': ' :) ', 'thirteen': 'Ahh sorry i have a question...', 'fourteen': 'Tell me.', 'fiveteen': 'How to make Tortilla with Chorizo?', 'sixteen': 'Ah hehe ok i put a video for you', 'seventeen': 'Thanks ;)', 'eighteen': '<iframe width="560" height="315" src="//www.youtube.com/embed/rqwdlnKF4Pc?autoplay=1" frameborder="0"></iframe>', 'nineteen': 'click in play please', 'twuenty': 'Ok thanks alice see you!', 'twuentyone': 'Bye alf.', 'twuentytwo': '<h1> :: The End :: <h1>' } }; // init app.run.init();
})(document,window);
Developer | Moncho Varela |
Username | nakome |
Uploaded | August 30, 2022 |
Rating | 3.5 |
Size | 3,133 Kb |
Views | 32,384 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Captcha Colors experiment | 4,057 Kb |
Youtube videos | 3,592 Kb |
Simple Calendar with json events | 4,127 Kb |
Get json with data attributes | 3,609 Kb |
Very simple svg animation | 5,632 Kb |
IndexedDB demo | 6,577 Kb |
Another intro | 4,763 Kb |
A Pen by Moncho Varela | 7,581 Kb |
Get color on click | 29,575 Kb |
Responsive Gallery with Json data | 4,454 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
GLSL Hills | Ykob | 6,991 Kb |
We Simplify animation | Meodai | 48,169 Kb |
Sexy Social Buttons | Ipiyale | 2,226 Kb |
Portfolio Landing Page | FDfranklin | 3,585 Kb |
STIKHOI | Denmch | 7,122 Kb |
After America | Jonathangarner | 2,686 Kb |
JQuery Validate checkbox group | Lunaman | 2,466 Kb |
Background-blend-mode Test | 0x04 | 4,744 Kb |
Weather App | OmranAbazid | 2,596 Kb |
Mostly Fluid | Mccreath | 3,308 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!