Simple Landing Page

Developer
Matt Cowley
Size
1,792 Kb
Views
58,696
  1. Simple Landing Page Previews
  2. Simple Landing Page HTML Codes
  3. Simple Landing Page CSS Codes

How do I make an simple landing page?

What is a simple landing page? How do you make a simple landing page? This script and codes were developed by Matt Cowley on 10 October 2022, Monday.

Simple Landing Page Previews
IQ Test

Simple Landing Page - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Simple Landing Page</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div>Welcome. We are a company.<a href="#">See more</a></div>
</body>
</html>

Simple Landing Page - Script Codes CSS Codes

@import url(https://fonts.googleapis.com/css?family=Nova+Square);
html, body { background: linear-gradient( -45deg, rgba(1,168,197,0) 0%, rgba(1,168,197,0) 10%, rgba(1,168,197,0.75) 100% ), linear-gradient( 45deg, #e02a92 0%, #e02a92 10%, #e7e4d8 47.5%, #e7e4d8 52.5%, #0192ac 90%, #0192ac 100% ); height: 100vH; width: 100vW; overflow: hidden; margin: 0; padding: 0;
}
div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; border: 10px solid rgba(255, 255, 255, 0.75); border-radius: 2px; font-family: 'Nova Square', cursive; font-size: 4em; color: rgba(255, 255, 255, 0.9); text-align: center;
}
div a { display: block; margin-top: 10px; padding: 10px 20px; border: 10px solid rgba(255, 255, 255, 0.75); border-radius: 2px; font-family: 'Nova Square', cursive; font-size: 0.8em; color: rgba(255, 255, 255, 0.9); text-align: center; background: rgba(255, 255, 255, 0.1); transition: background .2s;
}
div a:hover { background: rgba(255, 255, 255, 0.3); transition: background .2s;
}
Simple Landing Page - Script Codes
Simple Landing Page - Script Codes
Home Page Home
Developer Matt Cowley
Username MattCowley
Uploaded October 10, 2022
Rating 3
Size 1,792 Kb
Views 58,696
Do you need developer help for Simple Landing 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
Sinclair Research Computers
Infinite Reloading...
Flash Player Install Update
UD System - Domain Not Found
A New Blink - Coming Soon
WorldCorner Email Conformation
CurrentShoe.com
UD Upgrading Page
IT GCSE Testbed
Image Site - Error
Create amazing SEO 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!