Laika mockup

Developer
Cherie Yang
Size
4,572 Kb
Views
10,120
  1. Laika mockup Previews
  2. Laika mockup HTML Codes
  3. Laika mockup CSS Codes

How do I make an laika mockup?

What is a laika mockup? How do you make a laika mockup? This script and codes were developed by Cherie Yang on 26 November 2022, Saturday.

Laika mockup Previews
IQ Test

Laika mockup - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>laika mockup</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div id="image"></div>
<div class="contents"> <div class="row1"> <div class="profile-box" style="width:28%;"> <h2>this is a title</h2> <p>"He would have shot me once," he murmured, "yes, there's the very musket that he pointed at me;&mdash;that one with the studded stock; let me touch it&mdash;lift it. Strange, that I, who have handled so many deadly lances, strange, that I should shake so now. Loaded? I must see. Aye, aye; and powder in the pan;&mdash;that's not good. Best spill it?&mdash;wait. I'll cure myself of this. I'll hold the musket boldly while I think.&mdash;I come to report a fair wind to him. But how fair? Fair for death and doom,&mdash;THAT'S fair for Moby Dick. It's a fair wind that's only fair for that accursed fish.&mdash;The very tube he pointed at me!&mdash;the very one; THIS one&mdash;I hold it here; he would have killed me with the very thing I handle now.&mdash;Aye and he would fain kill all his crew. Does he not say he will not strike his spars to any gale? Has he not dashed his heavenly quadrant? and in these same perilous seas, gropes he not his way by mere dead reckoning of the error-abounding log? and in this very Typhoon, did he not swear that he would have no lightning-rods? But shall this crazed old man be tamely suffered to drag a whole ship's company down to doom with him?&mdash;Yes, it would make him the wilful murderer of thirty men and more, if this ship come to any deadly harm; and come to deadly harm, my soul swears this ship will, if Ahab have his way. If, then, he were this instant&mdash;put aside, that crime would not be his. Ha! is he muttering in his sleep? Yes, just there,&mdash;in there, he's sleeping. Sleeping? aye, but still alive, and soon awake again. I can't withstand thee, then, old man. Not reasoning; not remonstrance; not entreaty wilt thou hearken to; all this thou scornest. Flat obedience to thy own flat commands, this is all thou breathest. Aye, and say'st the men have vow'd thy vow; say'st all of us are Ahabs. Great God forbid!&mdash;But is there no other way? no lawful way?&mdash;Make him a prisoner to be taken home? What! hope to wrest this old man's living power from his own living hands? Only a fool would try it. Say he were pinioned even; knotted all over with ropes and hawsers; chained down to ring-bolts on this cabin floor; he would be more hideous than a caged tiger, then. I could not endure the sight; could not possibly fly his howlings; all comfort, sleep itself, inestimable reason would leave me on the long intolerable voyage. What, then, remains? The land is hundreds of leagues away, and locked Japan the nearest. I stand alone here upon an open sea, with two oceans and a whole continent between me and law.&mdash;Aye, aye, 'tis so.&mdash;Is heaven a murderer when its lightning strikes a would-be murderer in his bed, tindering sheets and skin together?&mdash;And would I be a murderer, then, if"&mdash;and slowly, stealthily, and half sideways looking, he placed the loaded musket's end against the door.</p>
<p>"On this level, Ahab's hammock swings within; his head this way. A touch, and Starbuck may survive to hug his wife and child again.&mdash;Oh Mary! Mary!&mdash;boy! boy! boy!&mdash;But if I wake thee not to death, old man, who can tell to what unsounded deeps Starbuck's body this day week may sink, with all the crew! Great God, where art Thou? Shall I? shall I?&mdash;The wind has gone down and shifted, sir; the fore and main topsails are reefed and set; she heads her course."</p>
<p>"Stern all! Oh Moby Dick, I clutch thy heart at last!"</p> </div> <div class="profile-box" style="width:47%;"> <h2>pets</h2> <div class="container"> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> <div class="pet"> <a href="#"> <img src="https://img.subeta.net/pets/kumos_angelic.png" /> <p>petname</p> </a> </div> </div> </div> <div class="profile-box" style="width:20%"> <h2>friends</h2> </div> </div> <div class="row2"> <div class="profile-box" style="width:55%;overflow:hidden;"> <div class="comment-box" style="width:59%;"> <textarea></textarea> <input type="submit" value="leave a comment" /> </div> <div class="comments" style="width:39%;height:90%;overflow:auto;"> <h2>recent comments</h2> <p>"He would have shot me once," he murmured, "yes, there's the very musket that he pointed at me;&mdash;that one with the studded stock; let me touch it&mdash;lift it. Strange, that I, who have handled so many deadly lances, strange, that I should shake so now. Loaded? I must see. Aye, aye; and powder in the pan;&mdash;that's not good. Best spill it?&mdash;wait. I'll cure myself of this. I'll hold the musket boldly while I think.&mdash;I come to report a fair wind to him. But how fair? Fair for death and doom,&mdash;THAT'S fair for Moby Dick. It's a fair wind that's only fair for that accursed fish.&mdash;The very tube he pointed at me!&mdash;the very one; THIS one&mdash;I hold it here; he would have killed me with the very thing I handle now.&mdash;Aye and he would fain kill all his crew. Does he not say he will not strike his spars to any gale? Has he not dashed his heavenly quadrant? and in these same perilous seas, gropes he not his way by mere dead reckoning of the error-abounding log? and in this very Typhoon, did he not swear that he would have no lightning-rods? But shall this crazed old man be tamely suffered to drag a whole ship's company down to doom with him?&mdash;Yes, it would make him the wilful murderer of thirty men and more, if this ship come to any deadly harm; and come to deadly harm, my soul swears this ship will, if Ahab have his way. If, then, he were this instant&mdash;put aside, that crime would not be his. Ha! is he muttering in his sleep? Yes, just there,&mdash;in there, he's sleeping. Sleeping? aye, but still alive, and soon awake again. I can't withstand thee, then, old man. Not reasoning; not remonstrance; not entreaty wilt thou hearken to; all this thou scornest. Flat obedience to thy own flat commands, this is all thou breathest. Aye, and say'st the men have vow'd thy vow; say'st all of us are Ahabs. Great God forbid!&mdash;But is there no other way? no lawful way?&mdash;Make him a prisoner to be taken home? What! hope to wrest this old man's living power from his own living hands? Only a fool would try it. Say he were pinioned even; knotted all over with ropes and hawsers; chained down to ring-bolts on this cabin floor; he would be more hideous than a caged tiger, then. I could not endure the sight; could not possibly fly his howlings; all comfort, sleep itself, inestimable reason would leave me on the long intolerable voyage. What, then, remains? The land is hundreds of leagues away, and locked Japan the nearest. I stand alone here upon an open sea, with two oceans and a whole continent between me and law.&mdash;Aye, aye, 'tis so.&mdash;Is heaven a murderer when its lightning strikes a would-be murderer in his bed, tindering sheets and skin together?&mdash;And would I be a murderer, then, if"&mdash;and slowly, stealthily, and half sideways looking, he placed the loaded musket's end against the door.</p>
<p>"On this level, Ahab's hammock swings within; his head this way. A touch, and Starbuck may survive to hug his wife and child again.&mdash;Oh Mary! Mary!&mdash;boy! boy! boy!&mdash;But if I wake thee not to death, old man, who can tell to what unsounded deeps Starbuck's body this day week may sink, with all the crew! Great God, where art Thou? Shall I? shall I?&mdash;The wind has gone down and shifted, sir; the fore and main topsails are reefed and set; she heads her course."</p>
<p>"Stern all! Oh Moby Dick, I clutch thy heart at last!"</p> </div> </div> <div class="profile-box" style="width:20%;"> </div> <div class="profile-box" style="width:20%;"> <h2>links</h2> </div> </div>
</div>
<div id="bottom">
<div id="header"><h1>nobody</h1></div>
<div id="smaller">just leave me your stardust to remember you by</div>
</div>
</body>
</html>

Laika mockup - Script Codes CSS Codes

@import 'https://fonts.googleapis.com/css?family=Amatica+SC|Roboto';
::-webkit-scrollbar { width: 3px; height: 3px;
}
::-webkit-scrollbar-button { width: 0px; height: 0px;
}
::-webkit-scrollbar-thumb { background: #e1e1e1; border: 0px none #ffffff; border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover { background: #ffffff;
}
::-webkit-scrollbar-thumb:active { background: #000000;
}
::-webkit-scrollbar-track { background: #666666; border: 0px none #ffffff; border-radius: 0px;
}
::-webkit-scrollbar-track:hover { background: #666666;
}
::-webkit-scrollbar-track:active { background: #333333;
}
::-webkit-scrollbar-corner { background: transparent;
}
html,body{padding:0;margin:0; padding-bottom:200px; font-family:'Amatica SC',monospace; background-image:url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/137758/1415040856952643.jpg'); background-size:auto 90%; background-repeat:no-repeat; background-attachment:fixed; background-position:top center;
background-color:#666a91;}
div {box-sizing:border-box;}
#header,#image{width:100%;}
#header{height:100px;background-color:#111;color:#fff;
display:flex;flex-flow:row;align-items:center;padding:10px;}
#header h1{font-weight:normal;letter-spacing:0.2em;font-size:3.0em;margin:0;
text-shadow:0px 0px 5px #fff, 0px 0px 10px #fff;}
#smaller { width:100%; background-color:#000212; font-size:1.1em; color:#ddf; padding-left:10px;
}
#bottom { position:fixed; width:100%; z-index:3; bottom: 0; left:0; box-shadow:0px 0px 10px #666;
}
.profile-box { background-color: rgba(255,255,255,0.6); border:1px solid #aad; box-shadow:0px 0px 5px #fff; padding:10px; margin:6px; overflow:auto; display:flex; flex-flow:row wrap; justify-contents:space-around; height:100%;
}
.container {display:flex;flex-flow:row wrap;}
.pet {text-align:center;margin: 10px;}
.pet img { border-radius:50%; width: 100px; height: 100px; border: 1px solid #fff; box-shadow: 0px 0px 10px #fff; opacity: 0.6;
}
.pet p { font-variant: small-caps; letter-spacing: 0.2em;
}
.pet a { text-decoration: none;
}
.pet a:hover img { opacity: 1.0;
}
textarea { width:90%; border:0; outline:0; border-radius:3px; padding:10px; box-sizing:border-box; font-family:'Roboto',sans-serif; font-size:0.77em; height:80px; background-color: #000212; opacity:0.8; color:#fff;
}
input { width:90%; outline: 0; border: 0; background-color: #fff; border-radius:3px; font-size:0.8em; font-variant:small-caps; letter-spacing:0.2em;
}
input:hover { cursor:pointer; background-color:#e1e1e1;
}
.row1,.row2{display:flex;flex-flow:row no-wrap;margin-bottom:20px;}
.row1 {height:300px;width:100%;}
.row2 {height:200px;width:100%;}
.contents {margin-left:auto;margin-right:auto;width:90%;position:relative;top:250px;display:flex;flex-flow:column;}
h2 {margin:0;color:#336;}
p {margin-top:2px;color:#fff;text-shadow:0px 0px 2px #333;font-family:'Roboto',sans-serif;font-size:0.8em;}
.link { max-width:150px;
}
Laika mockup - Script Codes
Laika mockup - Script Codes
Home Page Home
Developer Cherie Yang
Username cheryllium
Uploaded November 26, 2022
Rating 3
Size 4,572 Kb
Views 10,120
Do you need developer help for Laika mockup?

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!

Cherie Yang (cheryllium) Script Codes
Name
Phone number selector
Inline-block example
Pen pen pen
Character Cards code
A Pen by Cherie Yang
CSS hover
Button nav concept
Lesson 2
Find Min
Create amazing web content with AI!

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!