BBC Websites

Developer
Alan Mills
Size
3,104 Kb
Views
22,264
  1. BBC Websites Previews
  2. BBC Websites HTML Codes
  3. BBC Websites CSS Codes

How do I make an bbc websites?

What is a bbc websites? How do you make a bbc websites? This script and codes were developed by Alan Mills on 22 September 2022, Thursday.

BBC Websites Previews
IQ Test

BBC Websites - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>BBC Websites</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<html> <head> <meta charset="utf-8"> <title>Title</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> <div class="container"> <div class="top_bar"> <div class="fixed-width"> <div id="logo"> <img src="https://static.bbci.co.uk/frameworks/barlesque/3.20.5/orb/4/img/bbc-blocks-dark.png" width="84" height="24" alt="BBC"> </div><!-- /End Logo --> <div id="sign-in"> <img src="https://static.bbci.co.uk/id/0.32.00/img/bbcid_orb_signin_dark.png" alt="" width="18" height="18" /> Sign-in </div><!-- /End sign-in --> <ul> <li><a href="#">News</a></li> <li><a href="#">Sport</a></li> <li><a href="#">Weather</a></li> <li><a href="#">Shop</a></li> <li><a href="#">Earth</a></li> <li><a href="#">Travel</a></li> <li><a href="#">More</a></li> </ul> <div id="search_box"> <input type="text" placeholder="search" /> </div><!-- /End search-box --> </div><!-- /End fixed-width --> </div><!-- /End top_bar --> <div class="news_bar"> <div class="fixed-width"> <p>News</p> </div><!-- /End fixed-width --> </div><!-- /End news_bar --> <div class="category_bar"> <div class="fixed-width"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Video</a></li> <li><a href="#">World</a></li> <li><a href="#">US & Canada</a></li> <li><a href="#">UK</a></li> <li><a href="#">Business</a></li> <li><a href="#">Tech</a></li> <li><a href="#">Science</a></li> <li><a href="#">Magazine</a></li> <li><a href="#">Entertainment & Arts</a></li> <li><a href="#">Health</a></li> <li><a href="#">More</a></li> </ul> </div><!-- /End fixed-width --> </div><!-- /End category_bar --> <div class="location_bar"> <div class="fixed-width"> <ul> <li><a class="bold" href="#">UK</a></li> <li><a href="#">England</a></li> <li><a href="#">N. Irland</a></li> <li><a href="#">scotland</a></li> <li><a href="#">Wales</a></li> <li><a href="#">Politics</a></li> </ul> </div><!-- /End fixed-width --> </div><!-- /End location_bar --> <div class="content"> <div class="fixed-width"> <h1>No trident Debate at labour Conference</h1> <img src="https://i.imgur.com/rkwL7CV.png" alt="professier" /> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Magnam error, tenetur! Cupiditate sed mollitia, accusantium ipsam. Cupiditate sed mollitia, accusantium ipsam.</p> <p id="content-links"> <a href="#">Labour calls for UN Syria Safe Zones</a><br> <a href="#">Disaster of amazing proportions</a><br> <a href="#">Compromise in the sea air</a><br> <a href="#">Piketty and Stiglitz to advice Corbyn?</a><br> <a href="#">Labour Conference: Day One</a> </p> </div><!-- /End fixed-width --> </div><!-- /End content --> <div class="watch-listen"> <h2>Watch/Listen</h2> <img src="https://i.imgur.com/2S2UEFI.png" alt="watch listen" /> </div> <div class="footer"> </div><!-- /End footer --> </div><!-- /End container --> </body>
</html>
</body>
</html>

BBC Websites - Script Codes CSS Codes

body { font-family: arial, helvetica, freesans, sans-serif; margin: 0px; padding: 0px;
}
/* Centers in the middle */
.fixed-width { width: 1020px; margin: 0 auto;
}
.bold { font-weight: 700; font-size: 1.3em
}
.top_bar { background-color: #fff; width: 100%; height: 40px; color: #000;
}
/* Navigation style */
.top_bar ul { margin: 0px; padding: 0px;
}
.top_bar ul li { list-style-type: none; float: left; border-right: 1px solid #b4b4b4; font-weight: bold; font-size: 1.1em; padding: 8px;
}
.top_bar ul li a { text-decoration: none; padding: 20px 10px 10px 10px; color: #000;
}
.news_bar { background-color: #BB1919; width: 100%; height: 60px; color: #fff; margin: 0px;
}
.news_bar p { padding: 0px; font-size: 2.5em; font-family: arial; margin:0px;
}
.category_bar { background-color: #a91717; width: 100%; height: 30px; color: #fff;
}
.category_bar ul { margin: 0px; padding:0px;
}
.category_bar ul li { list-style-type: none; float: left; border-right: 1px solid #bb4545; position: relative; right: 8px;
}
.category_bar ul li a { text-decoration: none; color: white; padding: 5px 10px; line-height: 30px;
}
.location_bar { background-color: #FFF; width: 100%; height: 40px; color: #000;
}
.location_bar ul { margin: 0px; padding: 0px;
}
.location_bar ul li { list-style-type: none; float: left; border-right: 1px solid #dcdcdc; font-size:1.1em; position: relative; right: 8px;
}
.location_bar ul li a { text-decoration: none; color: #777; padding: 5px 10px; line-height: 30px;
}
.content { background-color: #FFF; width: 100%; color: #000;
}
.content h1 { color: #1167a8;
}
.content img { float: right; position: relative; right: 360px;
}
.content p { width: 225px;
}
#content-links { margin-top: 48px; width: 250px; line-height: 1.6em
}
.watch-listen { float:right; position: relative; bottom: 420px; right: 280px; border-left: 1px solid #b4b4b4; margin: 0px; padding: 0px;
}
.watch-listen h2 { font-weight: 100; padding-left: 10px; margin: 0px 0px 10px 0px;
}
#logo { float: left; padding-top: 8px; padding-right: 10px; padding-bottom: 5px; border-right: 1px solid #b4b4b4;
}
#sign-in { float: left; font-weight: bold; font-size: 1.1em; padding: 8px 50px 8px 10px; border-right: 1px solid #b4b4b4;
}
#search_box { float: left; width: 100px; padding: 10px;
}
#search_box input { height: 20px; padding-top: 0px; magin_bottom: 5px; background-image: url(https://nav.files.bbci.co.uk/searchbox/1.0.0-111/img/gel-icon-search-dark.svg); background-color: transparent; background-repeat: no-repeat; background-position: center right; background-size: 16px 16px;
}
BBC Websites - Script Codes
BBC Websites - Script Codes
Home Page Home
Developer Alan Mills
Username ajm62
Uploaded September 22, 2022
Rating 3
Size 3,104 Kb
Views 22,264
Do you need developer help for BBC Websites?

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!

Alan Mills (ajm62) Script Codes
Name
Cakes
My Temeplate
Battle Ship Game
Bottles of Beer
Free Code camp
Free Code camp Tribute
Cakes
Cars
A Pen by Alan Mills
Personal Portfolio-Free CodeCamp
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!