Web Layout 1

Developer
Kayla Tullis
Size
1,575 Kb
Views
8,096
  1. Web Layout 1 Previews
  2. Web Layout 1 HTML Codes
  3. Web Layout 1 CSS Codes

How do I make an web layout 1?

What is a web layout 1? How do you make a web layout 1? This script and codes were developed by Kayla Tullis on 26 December 2022, Monday.

Web Layout 1 Previews
IQ Test

Web Layout 1 - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Web Layout 1</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html>
<head> <title>Web Assignement 1</title> <link rel="stylesheet" href="csstest.css"/>
</head>
<body> <div id="red"></div> <div id="blue"></div> <div id="green"></div>
</body>
</html>
</body>
</html>

Web Layout 1 - Script Codes CSS Codes

body{ margin:0; background-color:yellow;
}
#red { width:100%; height:150px; background-color:red;
}
#blue { width:75%; height:750px; margin:auto; margin-left:15%; background-color:blue;
}
#green { width:65%; height:100px; background-color:green; margin-left:15%; margin:auto;
}
Web Layout 1 - Script Codes
Web Layout 1 - Script Codes
Home Page Home
Developer Kayla Tullis
Username KaylaMT
Uploaded December 26, 2022
Rating 3
Size 1,575 Kb
Views 8,096
Do you need developer help for Web Layout 1?

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!

Kayla Tullis (KaylaMT) Script Codes
Name
Portfolio Page
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!