Sinclair Research Computers

Developer
Size
3,068 Kb
Views
157,872

How do I make an sinclair research computers?

Sinclair Research Computers(Images Replaced on Live Site). What is a sinclair research computers? How do you make a sinclair research computers? This script and codes were developed by Matt Cowley on 12 June 2022, Sunday.

Sinclair Research Computers Previews

Sinclair Research Computers - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Sinclair Research Computers</title> <link rel='stylesheet prefetch' href='http://openfontlibrary.org/face/8bit-wonder'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <h1 id="title">Sinclair Research Computers</h1>
<div id="wrapper" type="zxspectrum"> <div id="gradient"></div> <div id="card"> <img src="//s26.postimg.org/x63yuzgd5/zx_spectrum_300x203.png" /> <h2>ZX Spectrum</h2> <p>8-bit personal computer - UK 1982</p> <p>16KB RAM &pound;99 - 48KB RAM &pound;129</p> <p>Released in 8 different models.</p> <p>16KB RAM - 128KB RAM, Floppy Disk Drive.</p> <p>Over 5 million units worldwide sold.</p> <span class="left bottom">&copy; Matt Cowley</span> <span class="right bottom">Info from <a href="//en.wikipedia.org/wiki/ZX_Spectrum" target="_blank">Wikipedia</a></span> </div>
</div>
<div id="wrapper" type="zx81"> <div id="gradient"></div> <div id="card"> <img src="//upload.wikimedia.org/wikipedia/commons/thumb/8/8a/Sinclair-ZX81.png/300px-Sinclair-ZX81.png" /> <h2>ZX 81</h2> <p>Low cost home computing - UK 1981</p> <p>Kit &pound;49.95 - Pre-Built &pound;69.95</p> <p>1KB Memory, RF Connection.</p> <p>Ran Sinclair BASIC language, like the ZX80.</p> <p>Programs saved to audio tape cassettes.</p> <span class="left bottom">&copy; Matt Cowley</span> <span class="right bottom">Info from <a href="//en.wikipedia.org/wiki/ZX81" target="_blank">Wikipedia</a></span> </div>
</div>
<div id="wrapper" type="zx80"> <div id="gradient"></div> <div id="card"> <img src="//museo.dagomari.prato.it/dati/img/SINCLAIR%20ZX80.png" /> <h2>ZX 80</h2> <p>First home computer &lt;&pound;100 - UK 1980</p> <p>Kit &pound;79.95 - Pre-Built &pound;99.95</p> <p>1KB RAM, 4KB ROM, RF Connection.</p> <p>Ran Sinclair BASIC language.</p> <p>Optional memory packs, printer &amp; floppy disk drive.</p> <span class="left bottom">&copy; Matt Cowley</span> <span class="right bottom">Info from <a href="//en.wikipedia.org/wiki/ZX80" target="_blank">Wikipedia</a></span> </div>
</div>
<h2 id="title">Copyright &copy; Matt Cowley</h2>
</body>
</html>

Sinclair Research Computers - Script Codes CSS Codes

body { margin: 0 auto; padding: 0; background: #222;
}
#title { text-align: center; margin: 20px 0 0 0; font-size: 3vw; padding: 0px; color: transparent; font-family: '8BITWONDERNominal', sans-serif;
}
h1#title { margin: 20px 0 0 0; font-size: 3vw; text-shadow: 4px -4px 0 #FCB42A, 1px -1px 0 #F7F461, 0px 0px 0 #2e2e2e, -1px 2px 0 #2c2c2c, -2px 3px 0 #2a2a2a, -3px 4px 0 #282828, -4px 5px 0 #262626, -5px 6px 0 #242424, -6px 7px 0 #222, -7px 8px 0 #202020, -8px 9px 0 #1e1e1e, -9px 10px 0 #1c1c1c, -10px 11px 0 #1a1a1a, -11px 12px 0 #181818, -12px 13px 0 #161616, -13px 14px 0 #141414, -14px 15px 0 #121212, -10px 15px 30px rgba(0, 0, 0, 0.9);
}
h2#title { margin: -50px 0 20px 0; font-size: 1.5vw; text-shadow: 3px -3px 0 #FCB42A, 1px -1px 0 #F7F461, 0px 0px 0 #2e2e2e, -1px 2px 0 #2c2c2c, -2px 3px 0 #2a2a2a, -3px 4px 0 #282828, -4px 5px 0 #262626, -5px 6px 0 #242424, -6px 7px 0 #222, -7px 8px 0 #202020, -8px 9px 0 #1e1e1e, -9px 10px 0 #1c1c1c, -10px 11px 0 #1a1a1a, -11px 12px 0 #181818, -12px 13px 0 #161616, -13px 14px 0 #141414, -14px 15px 0 #121212, -10px 15px 30px rgba(0, 0, 0, 0.9);
}
#wrapper { position: relative; clear: both; margin-bottom: 150px;
}
.left { left: 25px;
}
.right { right: 25px;
}
.center { text-align: center;
}
.bottom { position: absolute; bottom: 25px;
}
.left.bottom { font-size: 0.75em;
}
#gradient { background: #999955; margin: 0 auto; margin-top: 100px; width: 100%; height: 150px;
}
[type="zxspectrum"] #gradient { background-image: linear-gradient( #F24C3D 20%, #E6DF15 20%, #E6DF15 40%, #66DD23 40%, #66DD23 60%, #24F0FF 60%, #24F0FF 80%, #161614 80%); /*https://color.adobe.com/Sinclair-ZX-Spectrum-color-theme-465855/*/
}
[type="zx81"] #gradient { background-image: linear-gradient( #0D0D0D 20%, #400101 20%, #400101 40%, #730202 40%, #730202 60%, #F2EFE4 60%, #F2EFE4 80%, #A6A6A6 80%); /*https://color.adobe.com/300ZX-Devilish-color-theme-216713/*/
}
[type="zx80"] #gradient { background-image: linear-gradient( #FF9800 20%, #CDC3BB 20%, #CDC3BB 40%, #FFFFFF 40%, #FFFFFF 60%, #62677A 60%, #62677A 80%, #1D2758 80%); /*https://color.adobe.com/Sinclair-2-color-theme-6505956/*/
}
#gradient:after { content: ""; position: absolute; background: #E9E2D0; left: 50%; margin-top: -67.5px; margin-left: -270px; padding-left: 20px; border-radius: 5px; width: 520px; height: 275px; z-index: -1;
}
#card { position: absolute; width: 450px; height: 225px; padding: 25px; padding-top: 0; padding-bottom: 0; left: 50%; top: calc(-67.5px / 2); margin-left: -250px; background: #E9E2D0; box-shadow: -20px 0 35px -25px black, 20px 0 35px -25px black; z-index: 5;
}
#card img { width: 150px; float: left; border-radius: 5px; margin-right: 20px;
}
#card h2 { font-family: courier; color: #333; margin: 0 auto; padding: 0; font-size: 15pt;
}
#card p { font-family: courier; color: #555; font-size: 13px;
}
#card span { font-family: courier;
}
Sinclair Research Computers - Script Codes
Sinclair Research Computers - Script Codes
Home Page Home
Developer Matt Cowley
Username MattCowley
Uploaded June 12, 2022
Rating 3
Size 3,068 Kb
Views 157,872
Do you need developer help for Sinclair Research Computers?

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!

Matt Cowley (MattCowley) Script Codes
Create amazing captions 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!