My First Home Page
How do I make an my first home page?
Based on the first Codecademy exercise. Building a home page from scratch. http://www.codecademy.com/skills/make-a-website. What is a my first home page? How do you make a my first home page? This script and codes were developed by Tracie Holton on 27 August 2022, Saturday.
My First Home Page - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>My First Home Page</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <head> <link href="main.css" rel=stylesheet"/> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> </head> <body> <div class="nav"> <div class="container"> <ul> <li>About</li> <li>Practice</li> <li>Contact</li> </ul> </div> </div> <div class="jumbotron"> <div class="container"> <h1>Hello, I'm Tracie.</h1> <h2>I'm learning HTML & CSS.</h2> <p>This is my first public project. I'm working through the Codecademy exercises a second time. In this exercise, we create a basic website.</p> <p>I'm also enrolled in the three month <a href="http://skillcrush.com/blueprint/web-developer/">Skillcrush</a> web developer intensive. My goal is to become a professional web developer.</p> </div> </div> </body>
</body>
</html>
My First Home Page - Script Codes CSS Codes
.nav { color: #5a5a5a; font-size: 11px; font-weight: bold; background-color: #e5e5e5; word-spacing: 15px; padding-top: 14px; padding-bottom: 14px; padding-left: 10px; padding-right: 10px; text-transform: uppercase;
}
.nav li { display: inline;
}
h1 { color: mediumblue;
}
.jumbotron h1 { position: relative; top: 15px; bottom: 25px; color: #8a7f8d; text-align: center; font-family: 'Shift', sans-serif; font-size: 48px; background-color: #c9c9c9; padding-top: 10px; padding-bottom: 23px; margin-top: 10px; margin-bottom: 23px; margin-right: auto; margin-left: auto; border: 3px solid #8a7f8d;
}
.jumbotron { font-family: 'Shift', sans-serif; color: #8a7f8d; background-color: white; text-align: center;
}
.jumbotron .container { position: relavtive; top: px;
}
.jumbotron h2 { position: relative; top: 15px;
}
.jumbotron p { position: relative; top: 15px;
}
Developer | Tracie Holton |
Username | TracieH |
Uploaded | August 27, 2022 |
Rating | 3 |
Size | 2,106 Kb |
Views | 36,432 |
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!
Name | Size |
Sun and Moon | 2,056 Kb |
Newsweek Project for FCC | 23,421 Kb |
Unmasking HTML Emails | 2,910 Kb |
Poem Typesetting | 2,045 Kb |
First Codecademy Exercise | 2,499 Kb |
A Pen by Tracie Holton | 5,148 Kb |
Animated Tracie | 1,677 Kb |
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!
Name | Username | Size |
Weather App | OmranAbazid | 2,596 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
Sequence.js - Sliding Horizontal Parallax | Maheshc | 4,537 Kb |
Filtering with shuffle.js | Deyand | 2,712 Kb |
Canvas stripes | Adrianparr | 1,948 Kb |
Promodoro | Bencarp | 1,712 Kb |
Carousel Test | Sbirchall | 1,509 Kb |
Mostly Fluid | Mccreath | 3,308 Kb |
SlideDown FixedMenu | Mp_graphic | 5,602 Kb |
Christ the Redeemer | Prashantsani | 2,208 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!