HEADLINES CODECADEMY PROJECT

Developer
David Carranza
Size
2,674 Kb
Views
30,360
  1. HEADLINES CODECADEMY PROJECT Previews
  2. HEADLINES CODECADEMY PROJECT HTML Codes
  3. HEADLINES CODECADEMY PROJECT CSS Codes

How do I make an headlines codecademy project?

What is a headlines codecademy project? How do you make a headlines codecademy project? This script and codes were developed by David Carranza on 09 October 2022, Sunday.

HEADLINES CODECADEMY PROJECT Previews
IQ Test

HEADLINES CODECADEMY PROJECT - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>HEADLINES CODECADEMY PROJECT</title> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html> <head> <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700,400italic' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="style.css"> </head> <body> <div class="header"> <div class="container"> <div class='row'>	<div class='col-md-2'> <h1>Headlines.</h1> </div> <div class='col-md-10'> <ul class="nav nav-tabs pull-right"> <li><a href="#">About</a></li> <li><a href="#">Our Services</a></li> <li><a href="#">Our Team</a></li> <li><a href="#">Contact Us</a></li>	</ul> </div> </div> </div> </div> <div class="jumbotron"> <div class="container"> <h2>We <span>collect and curate</span> <br/> articles, opinions, and images <br/> from around the world. </h2> </div> </div> <div class="banner"> <div class="container"> <h2> The Bottom Line.</h2> <p>We deliver news that is relevant to you.</p> </div> </div> <div class="cards"> <div class="container"> <h2>Our Expertise.</h2> <div class='row'> <div class='col-md-4'> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p1.jpg"> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p2.jpg"> <img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/p3.jpg'> </div> <div class='col-md-4'> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p4.jpg"> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p5.jpg"> <img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/p6.jpg'> </div> <div class='col-md-4'> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p7.jpg"> <img src="https://s3.amazonaws.com/codecademy-content/projects/headlines/p8.jpg"> <img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/p9.jpg'> <img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/p10.jpg'> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class='row'> <div class='col-md-4'> <h3>Headlines.</h3> <address>	1000 7th Avenue<br> New York, NY<br> San Francisco, CA 94103<br> (484) 192 - 8372 </address> <a href='#'><img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/email.svg'/></a> <a href='#'><img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/fb.svg'/></a>	<a href='#'><img src='https://s3.amazonaws.com/codecademy-content/projects/headlines/twitter.svg'/></a> </div> </div> </div> </div> </body>
</html>
</body>
</html>

HEADLINES CODECADEMY PROJECT - Script Codes CSS Codes

* { box-sizing: border-box;
}
html, body { margin: 0; padding: 0; font-family: 'Libre Baskerville', sans-serif;
}
.container { max-width: 980px; margin: 0 auto;
}
/************HEADER**************/
.header { padding-top: 20px;
}
.header h1 { font-size: 20px;
}
.header a { color:black;
}
.nav { font-size: 14px;
}
/***************** JUMBO *****************/
.jumbotron { background-color: transparent; margin: 0; padding: 0;
}
.jumbotron span { color: #FFC201;
}
.jumbotron h2 { font-size: 50px; padding-top: 100px; padding-left: 35px; display:inline-block;
}
/**************** BANNER ******************/
.banner { background-color: #333; padding: 10px 0; margin-top: 160px;
}
.banner h2 { font-size: 30px
}
.banner h2,p { color: white; text-align: center;
} /******************* CARDS *****************/ .cards { background-color:#FFC200; padding-bottom: 40px; }
.cards h2 { text-align: center; padding-top: 80px; padding-bottom: 50px;
}
.cards img { padding-bottom: 25px;
}
/************ FOOTER **************/
.footer { background-color: black; color: #fff;
}
.footer h3 { font-size: 15px; padding-top: 30px;
}
.footer address { font-size: 12px; padding-bottom: 25px;
}
.footer img { height: 22px; width: 22px; position: relative; bottom: 32px;
}
@media (max-width: 992px) { .col-md-4 { margin: 0 auto 0; text-align: center; width: 100%; } .cards img { width: 60%; }
}
@media (max-width: 500px) { .header h1 { text-align: center; } .nav li { text-align: center; width: 100%; } .cards img { width: 100%; }
}
HEADLINES CODECADEMY PROJECT - Script Codes
HEADLINES CODECADEMY PROJECT - Script Codes
Home Page Home
Developer David Carranza
Username HotChaiLatte
Uploaded October 09, 2022
Rating 3
Size 2,674 Kb
Views 30,360
Do you need developer help for HEADLINES CODECADEMY PROJECT?

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!

David Carranza (HotChaiLatte) Script Codes
Name
CODECADEMY EXCURSION
Uematsu
React practice
Wikipedia Viewer
CODECADEMY BOLT
Twitch APP FREECODECAMP
Codeacademy Meme Generator jQuery Project
Codecademy Bass Project
Newsroom Codecademy project
A Pen by David Carranza
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!