Unreal Designs Server Default Page

Developer
Matt Cowley
Size
2,551 Kb
Views
99,176
  1. Unreal Designs Server Default Page Previews
  2. Unreal Designs Server Default Page HTML Codes
  3. Unreal Designs Server Default Page CSS Codes

How do I make an unreal designs server default page?

What is a unreal designs server default page? How do you make a unreal designs server default page? This script and codes were developed by Matt Cowley on 17 July 2022, Sunday.

Unreal Designs Server Default Page Previews
IQ Test

Unreal Designs Server Default Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Unreal Designs Server Default Page</title> <link href='https://fonts.googleapis.com/css?family=Roboto:100,400' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="wrapper"> <h1>Hmm.</h1> <p>It seems that you're lost in a perpetual black hole. We can't find [<?php echo $_SERVER['HTTP_HOST']; ?>] on our servers.</p> <p>We might be setting it up, or maybe we just don't have it.</p> <div class="buttons"> <a href="javascript:window.history.back();">Back</a> <a href="https://unreal-designs.co.uk/">Unreal Designs</a> <br/> <a href="https://status.unreal-designs.co.uk/">Check Our System Status</a> </div>
</div>
<div class="space"> <div class="blackhole"></div> <div class="ship"></div>
</div>
</body>
</html>

Unreal Designs Server Default Page - Script Codes CSS Codes

*,
:before,
:after { box-sizing: border-box;
}
body { display: flex; align-items: center; background: #E3F2FD; min-width: 275px; height: 100vh; margin: 0 10vw; overflow: hidden; color: #138FF2; font-family: Roboto;
}
.wrapper { flex-grow: 2; width: 40vw; max-width: 500px; margin: 0 auto;
}
h1 { margin: 0; font-size: 6em; font-weight: 100;
}
p { width: 95%; font-size: 1.5em; line-height: 1.4;
}
.buttons { white-space: nowrap; display: inline-block;
}
span { display: block; text-transform: uppercase; color: #B9DDFB; letter-spacing: 1.5px; text-align: center;
}
a { display: inline-block; padding: .8em 1em; margin-right: 1em; margin-bottom: 1em; border: 3px solid #B9DDFB; color: #138FF2; font-weight: 500; text-transform: uppercase; text-decoration: none; letter-spacing: .2em; position: relative; overflow: hidden; transition: .3s;
}
a:hover { color: #E3F2FD;
}
a:hover:before { top: 0;
}
a:before { content: ''; background: #138FF2; height: 100%; width: 100%; position: absolute; top: -100%; left: 0; transition: .3s; z-index: -1;
}
.space { width: 75px; height: calc(50vh + 37.5px); border-top-left-radius: 37.5px; border-top-right-radius: 37.5px; overflow: hidden; margin: calc(50vh - 37.5px) auto 0 auto; position: relative; pointer-events: none; -webkit-transform: translateZ(0);
}
.blackhole { border: 5px solid #1674D1; height: 75px; width: 75px; border-radius: 50%; position: absolute; top: 0; left: 0;
}
.blackhole:after { content: ''; height: calc(100% + 10px); width: calc(100% + 10px); border: 5px solid #1674D1; border-right-color: transparent; border-bottom-color: transparent; border-radius: 50%; position: absolute; top: -5px; left: -5px; z-index: 5; transform: rotate(45deg);
}
.ship { height: 150px; width: 55px; margin-left: 10px; background: url("http://goo.gl/hqeSfZ") center/contain no-repeat; animation: blackhole 4s infinite linear; position: absolute; bottom: -150px;
}
@keyframes blackhole { to { transform: translateY(-100vh); }
}
@media (max-width: 600px) { body { margin: 0 5vw; }
}
Unreal Designs Server Default Page - Script Codes
Unreal Designs Server Default Page - Script Codes
Home Page Home
Developer Matt Cowley
Username MattCowley
Uploaded July 17, 2022
Rating 3
Size 2,551 Kb
Views 99,176
Do you need developer help for Unreal Designs Server Default Page?

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
Name
New Loading Screen For Site
Image Site - Error
Windows 10 Install
CurrentShoe.com
WorldCorner Email Conformation
NerdSports Landing Page
Sinclair Research Computers
Skyblock Landing
Dots - Pretty animation
A New Blink - Coming Soon
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!