First Codecademy Exercise
How do I make an first codecademy exercise?
Completed the first Codecademy exercise. Building a home page. http://www.codecademy.com/skills/make-a-website. What is a first codecademy exercise? How do you make a first codecademy exercise? This script and codes were developed by Tracie Holton on 27 August 2022, Saturday.
First Codecademy Exercise - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>First Codecademy Exercise</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <head> <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet"> <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css"> <link rel="stylesheet" href="main.css"> </head> <body> <div class="nav"> <div class="container"> <div class="row"> <div class="col-md-4"> <ul class="pull-left"> <li><a href="#">Name</a></li> <li><a href="#">Browse</a></li> </ul> <ul class="pull-right"> <li><a href="#">Sign Up</a></li> <li><a href="#">Log In</a></li> <li><a href="#">Help</a></li> </ul> </div> </div> </div> </div> <div class="jumbotron"> <div class="container"> <h1>Find a place to stay.</h1> <p>Rent from people in over 34,000 cities and 192 countries.</p> <a href="#">Learn More</a> </div> </div> <div class="neighborhood-guides"> <div class="container"> <h2>Neighborhood Guides</h2> <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p> <div class="row"> <div class="col-md-4"> <div class="thumbnail"> <img src="http://goo.gl/0sX3jq"> </div> <div class="thumbnail"> <img src="http://goo.gl/an2HXY"> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://goo.gl/Av1pac"> </div> <div class="thumbnail"> <img src="http://goo.gl/vw43v1"> </div> </div> <div class="col-md-4"> <div class="thumbnail"> <img src="http://goo.gl/0Kd7UO"> </div> </div> </div> </div> </div> <div class="learn-more"> <div class="container"> <h3>Travel</h3> <p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p> <p><a href="#">See how to travel on Airbnb</a></p> <h3>Host</h3> <p>Renting out your unused space could pay your bills or fund your next vacation.</p> <p><a href="#">Learn more about hosting</a></p> <h3>Trust and Safety</h3> <p>From Verified ID to our worldwide customer support team, we've got your back.</p> <p><a href="#">Learn about trust at Airbnb</a></p> </div> </div> </body>
</html>
</body>
</html>
First Codecademy Exercise - Script Codes CSS Codes
.nav a { color: #5a5a5a; font-size: 11px; font-weight: bold; padding: 14px 10px; text-transform: uppercase;
}
.nav li { display: inline;
}
.jumbotron { background-image:url('http://goo.gl/04j7Nn'); height: 500px; background-repeat: no-repeat; background-size: cover;
}
.jumbotron .container { position: relative; top:100px;
}
.jumbotron h1 { color: #fff; font-size: 48px; font-family: 'Shift', sans-serif; font-weight: bold;
}
.jumbotron p { font-size: 20px; color: #fff;
}
.neighborhood-guides h2 { color: #393c3d; font-size: 24px;
}
.neighborhood-guides p { font-size: 15px; margin-bottom: 13px;
}
.learn-more { background-color: #f7f7f7;
}
.learn-more h3 { font-family: 'Shift', sans-serif; font-size: 18px; font-weight: bold;
}
.learn-more a { color: #00b0ff;
}
Developer | Tracie Holton |
Username | TracieH |
Uploaded | August 27, 2022 |
Rating | 3 |
Size | 2,499 Kb |
Views | 38,456 |
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 |
Unmasking HTML Emails | 2,910 Kb |
Animated Tracie | 1,677 Kb |
Newsweek Project for FCC | 23,421 Kb |
My First Home Page | 2,106 Kb |
Sun and Moon | 2,056 Kb |
Poem Typesetting | 2,045 Kb |
A Pen by Tracie Holton | 5,148 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 |
3d css cube | Semenchenko | 4,578 Kb |
Parallax scrolling scene | Iharosi | 2,485 Kb |
Blog | Rottingroom | 1,430 Kb |
Super Discount | Orrinward | 3,225 Kb |
Cloudy Spiral CSS animation | Hakimel | 6,587 Kb |
Testimonial Fancy tabs responsive | Amit-webdesigner | 3,056 Kb |
Sinclair Research Computers | MattCowley | 3,068 Kb |
Scifi-style Radio-based Tab | Aaronchuo | 4,427 Kb |
Calendar | Miroot | 2,033 Kb |
Basic HTML5 Structure | YuvarajTana | 1,289 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!