Academic Integrity: tutoring, explanations, and feedback — we don’t complete graded work or submit on a student’s behalf.

HTML please Assign each section of your resume to a div. Be sure to name each di

ID: 3711337 • Letter: H

Question

HTML please Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.

Here’s is my resumes html code <!DOCTYPE html> <html> <head> <title>My Resume</title> </head> <body> <h1 align="center">Resume</h1> <p align="left"><em><b>Name: Darryl Johnson</b></em><br> <b>Address:</b>2011 Aztec <sup></sup> Drive,<br> <b>City:</b> NLR<br> <b>State:</b> AR<br> <b>Zip:</b> 72116<br> <b>Cell Number: <em>+1 501 398 5199</em></b><br> Email address:--&gt; <b><i>darryljohnson4050@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>

HTML please Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.

Here’s is my resumes html code <!DOCTYPE html> <html> <head> <title>My Resume</title> </head> <body> <h1 align="center">Resume</h1> <p align="left"><em><b>Name: Darryl Johnson</b></em><br> <b>Address:</b>2011 Aztec <sup></sup> Drive,<br> <b>City:</b> NLR<br> <b>State:</b> AR<br> <b>Zip:</b> 72116<br> <b>Cell Number: <em>+1 501 398 5199</em></b><br> Email address:--&gt; <b><i>darryljohnson4050@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>

Assign each section of your resume to a div. Be sure to name each div with a different class name. Also be sure to create a container div that holds the whole resume. Play around with the different float rules to see how they affect your page layout.

Here’s is my resumes html code <!DOCTYPE html> <html> <head> <title>My Resume</title> </head> <body> <h1 align="center">Resume</h1> <p align="left"><em><b>Name: Darryl Johnson</b></em><br> <b>Address:</b>2011 Aztec <sup></sup> Drive,<br> <b>City:</b> NLR<br> <b>State:</b> AR<br> <b>Zip:</b> 72116<br> <b>Cell Number: <em>+1 501 398 5199</em></b><br> Email address:--&gt; <b><i>darryljohnson4050@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>
<!DOCTYPE html> <html> <head> <title>My Resume</title> </head> <body> <h1 align="center">Resume</h1> <p align="left"><em><b>Name: Darryl Johnson</b></em><br> <b>Address:</b>2011 Aztec <sup></sup> Drive,<br> <b>City:</b> NLR<br> <b>State:</b> AR<br> <b>Zip:</b> 72116<br> <b>Cell Number: <em>+1 501 398 5199</em></b><br> Email address:--&gt; <b><i>darryljohnson4050@gmail.com</i></b><i></i></p> <hr> experience <a href="https://careers.fedex.com/ground">fedexground</a> <p></p>education <a href="https://ibb.co/hD7P5c"><img alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0" src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a> <a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a> <p></p>Fall 2017 <ul> <li>Computer Concepts</li> <li>Programming 1</li> <li>Object Oriented Programming</li> </ul>Spring 2018 <ol> <li>Internet Technologies</li> <li>Fundamentals of Information Security</li> <li>Programming 2</li> </ol> </body> </html>

Explanation / Answer

<!DOCTYPE html>

<html>

<head>

<title>My Resume</title>

<!--this is internal css here you can change div section of experience add all properties which you need and

separate them using ;--!>

<style type="text/css" >

.childE{

background:grey;

height:300px;  

float:left;

width:500px;

margin:20px;

}

.childEdu{

background:pink;

margin:20px;

float:right;

width:700px;

height:400px;  

}

.personaldetail{

background:yellow;

margin:20px;

height:auto; <!--/it takes height according to matter added--!>

}

</style >

</head>

<body >

<div class = "parent">

<h1 align="center">Resume</h1>

<div class ="personaldetail">

<p align="left"><em><b>Name: Darryl Johnson</b></em><br>

<b>Address:</b>2011 Aztec <sup></sup> Drive,<br>

<b>City:</b> NLR<br>

<b>State:</b> AR<br>

<b>Zip:</b> 72116<br>

<b>Cell Number: <em>+1 501 398 5199</em></b><br>

Email address:--&gt; <b><i>type email /i></b><i></i></p>

<hr>

</div>

<!--experience div--!>

<div class ="childE">

Experience <a href="https://careers.fedex.com/ground">fedexground</a>

</div>

<!--education div--!>

<div class ="childEdu">

<p >Education </p>

<a href="https://ibb.co/hD7P5c">

<img

alt="u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4" border="0"

src="https://thumb.ibb.co/hD7P5c/u_of_a_pulaski_technical_college_campus_center_ottenheimer_library_4.jpg"></a>

<a href="https://portal.uaptc.edu/ICS/">PulaskiTech</a>

<br>

<p></p>Fall 2017

<ul>

<li>Computer Concepts</li>

<li>Programming 1</li>

<li>Object Oriented Programming</li>

<br></ul>Spring 2018

<ol>

<li>Internet Technologies</li>

<li>Fundamentals of Information Security</li>

<li>Programming 2</li>

</ol>

</div>

<!--closing of childedu div --!>

</div>  

<!--closing of main parent div --!>

</body>

</html>