Question

In: Computer Science

i need the whole html code Make a layout template that contains a header and two...

i need the whole html code Make a layout template that contains a header and two paragraphs. Use float to line up the two paragraphs as columns side by side. Give the header and two paragraphs a border and/or a background color so you can see where they are.

Solutions

Expert Solution

<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML Layout</title>

<style>
* {
box-sizing: border-box;
}


header {
padding: 10px;
text-align: center;
font-size: 20px;
color: white;
background-color: red;
}


p1 {
float: left;
width: 50%;
height: 200px;
background: yellow;
padding: 20px;
}

p2 {
float: left;
padding: 20px;
width: 50%;
background-color: cyan;
height: 200px;
}

</style>
</head>
<body>

<header>
<h2>HTML Layout Example</h2>
</header>


<section>
<p1>
<p>
This is my first paragraph which is placed to the right hand side and its background color is yellow.</p>
</p1>

<p2>
    <p>This is the Second paragragh which had been placed on the left hand side.</p>
   </p2>

</section>
</body>
</html>


Related Solutions

C++ Hello .I need to convert this code into template and then test the template with...
C++ Hello .I need to convert this code into template and then test the template with dynamic array of strings also if you can help me move the function out of the class that would be great.also There is a bug where the memory was being freed without using new operator. I cant seem to find it thanks in advance #include using namespace std; class DynamicStringArray {    private:        string *dynamicArray;        int size;    public:   ...
A header file contains a class template, and in that class there is a C++ string...
A header file contains a class template, and in that class there is a C++ string object. Group of answer choices(Pick one) 1)There should be a #include for the string library AND a using namespace std; in the header file. 2)There should be a #include for the string library. 3)There should be a #include for the string library AND a using namespace std; in the main program's CPP file, written before the H file's include.
take the following html code and make it work for html validator. heres the ,html file...
take the following html code and make it work for html validator. heres the ,html file <!DOCTYPE html> <html lang="en">    <head>        <title> GettingStarted</title>        <meta charset="utf-8">        <link href="Style.css" rel="stylesheet">    </head>       <body>        <header><h1>GettingStarted</h1></header>        <nav>               <b>        <a href="Home.html">Home</a>&nbsp;        <a href="GettingStarted.html">Getting Started</a>&nbsp;        <a href="MaterialsNeeded.html">Materials Needed</a>&nbsp;                      <a href="TroubleShooting.html">TroubleShooting</a>&nbsp;        <a href="InfoMaterials.html">Infomation on materials</a>&nbsp;   ...
please complete the header file that contains a class template for ADT Queue and complete all...
please complete the header file that contains a class template for ADT Queue and complete all the member functions in the class template. Submit the header file only, but please write a source file that tests all the member functions to make sure they are working correctly. queue.h #ifndef _QUEUE #define _QUEUE #include"Node.h" template<class ItemType> class Queue { private:    Node<ItemType> *backPtr;    Node<ItemType> *frontPtr; public:    Queue(); //Default constructor    Queue(const Queue<ItemType> &aQueue);    bool isEmpty() const;    bool...
How do I make a template functions for these 2 functions to prevent code duplication These...
How do I make a template functions for these 2 functions to prevent code duplication These are the 2 functions 1st: virtual Card lead_card(const std::string &trump) {              int numOfTrump = 0;         for (int i = 0; i < int(hand.size()); ++i) {             if (hand[i].is_trump(trump) == true) {                 numOfTrump += 1;             }         }              if (numOfTrump != int(hand.size())) {             Card c = highestCardNotIncludingTrump(hand, trump);             int indexOfHighest = 0;             for (int i...
Write an Html Page that uses JavaScript Program to make a Blackjack Game. I need to...
Write an Html Page that uses JavaScript Program to make a Blackjack Game. I need to write an html file (P5.html) that uses JavaScript program to create a Blackjack game. 1. Blackjack Games Rules: a. The object of the game is to "beat the dealer", which can be done in a number of ways: • Get 21 points on your first two cards (called a blackjack), without a dealer blackjack; • Reach a final score higher than the dealer without...
I need pure html and css code for a demo website that sells stuff online (example...
I need pure html and css code for a demo website that sells stuff online (example amazon). I need a webpage that is about a specific product (shows price, image, description and etc etc.) Use of CSS is must. Use of Javascript would be an asset. Urgently needed.
I need to make changes to code following the steps below. The code that needs to...
I need to make changes to code following the steps below. The code that needs to be modified is below the steps. Thank you. 1. Refactor Base Weapon class: a.            Remove the Weapon abstract class and create a new Interface class named WeaponInterface. b.            Add a public method fireWeapon() that returns void and takes no arguments. c.             Add a public method fireWeapon() that returns void and takes a power argument as an integer type. d.            Add a public method activate()...
Hi there, I need mpx2100ap arduino code do I need an amplifier to make this work...
Hi there, I need mpx2100ap arduino code do I need an amplifier to make this work ?
I need to make this into a Java Code: Write a program that prompts the user...
I need to make this into a Java Code: Write a program that prompts the user for a double value representing a radius. You will use the radius to calculate: circleCircumference = 2πr circleArea = πr2 sphereArea = 4πr2 sphereVolume = 43πr3 You must use π as defined in the java.lang.Math class. Your prompt to the user to enter the number of days must be: Enter radius: Your output must be of the format: Circle Circumference = circleCircumference Circle Area...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT