![Advanced CRUD Using PHP Update Version [ Create - Read - Update - Delete ] Part 1](https://www.jdmah.com/uploads/images/2021/08/image_380x226_610ea8356fb8a.jpg)
How To Create A Wikipedia Website Using Html And CSS
Hello guys,
This is an amazing code. In this section, you will learn how to make your own Wikipedia website after following this code.
I want to thank you for browsing my website and for coming just to the right place at the right time.
First thing, create your main folder named it whatever you want, or you can call it: wikipedia-page. Create a file inside of the main folder and call it: index.html copy and paste this code.
|
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Jimdelpedia</title>
<meta name="viewport" content="width=device-width, intitial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/jimdelpedia.css">
</head>
<body>
<div id="my_LayoutGrid1">
<div id="LayoutGrid1">
<div class="col-1">
<div class="col-1-padding">
<div id="my_sidebarLogo">
<img src="images/jimpedia1.png" id="sidebarLogo" alt="">
</div>
<div id="my_sidebarText1">
<span id="my_jimdel0"><strong>J</strong></span><span id="my_jimdel1"><strong>IMDELPEDI</strong></span>
<span id="my_jimdel2"><strong>A</strong></span><span id="my_jimdel3"><br></span>
<span id="my_jimdel4">The Free Encyclopedia</span>
</div>
<div id="my_sidebarMenu1">
<span><a href="#" class="style2" title="Visit the main page">Front page</a></span>
<span><a href="#" class="style2" title="Guides to browsing Jimdelpedia">Front page</a></span>
<span><a href="#" class="style2" title="Articles Related to current events">Happenings</a></span>
<span><a href="#" class="style2" title="Visit a randonly selected articel">Hit-or-Miss</a></span>
<span><a href="#" class="style2" title="Learn about Jimdelpedia">About Jimdelpedia</a></span>
<span><a href="#" class="style2" title="How to contact Jimdelpedia">Contact us</a></span>
</div>
<div id="my_sidebarText2">
<span id="my_jimdel5">Commitment</span>
</div>
<div id="my_sidebarMenu2">
<span><a href="#" class="style2" title="Guidance on how to use and edit Jimdelpedia">Assistance</a></span>
<span><a href="#" class="style2" title="Learn how to edit Jimdelpedia">Computing</a></span>
<span><a href="#" class="style2" title="About Jimdelpedia assessment">Assessment</a></span>
<span><a href="#" class="style2" title="How to contact Jimdelpedia">Get connected</a></span>
</div>
<div id="my_sidebarText3">
<span id="my_jimdel5">Device</span>
</div>
<div id="my_sidebarMenu3">
<span><a href="#" class="style2" title="What links here">Create website</a></span>
<span><a href="#" class="style2" title="About system">Comments system</a></span>
<span><a href="#" class="style2" title="About information">Jimdelpedia</a></span>
<span><a href="#" class="style2" title="Jimdelpedia stuff">Free code</a></span>
</div>
</div>
</div>
<div class="col-2">
<div id="my_contentHeading1">
<h1 id="my_contentHeading1">Jimdelpedia</h1>
</div>
<hr id="indexLine1">
<div id="my_textIntro">
<span id="my_jimdel7"><strong>Lorem ipsum</strong>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Cras accumsan vitae risus id vulputate.
Phasellus ac viverra sapien, nec posuere turpis.<br><br>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Cras accumsan vitae risus id vulputate.
Phasellus ac viverra sapien, nec posuere turpis.<br><br>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Cras accumsan vitae risus id vulputate.
Phasellus ac viverra sapien, nec posuere turpis.</span>
</div>
<div id="my_toc_container">
<div id="toc_container">
<div class="toc_title">Contents</div>
<ul class="toc_list">
<li>
<span class="toc_number">1 </span><a href="#Heading1" class="style2">Life and career</a>
<ul>
<li>
<span class="toc_number">1.1 </span><a href="#Heading1_1" class="style2">1920-1925: Early life and career</a>
</li>
<li>
<span class="toc_number">1.2 </span><a href="#Heading1_2" class="style2">1926-1931: Early development</a>
</li>
<li>
<span class="toc_number">1.3 </span><a href="#Heading1_3" class="style2">1936-1941: Developmental path</a>
</li>
<li>
<span class="toc_number">1.4 </span><a href="#Heading1_4" class="style2">1946-1951: Adulthood</a>
</li>
</ul>
</li>
<li>
<span class="toc_number">2 </span><a href="#Heading2" class="style2">Education</a>
<ul>
<li>
<span class="toc_number">2.1</span><a href="#Heading2_1" class="style2">Training</a>
</li>
<li>
<span class="toc_number">2.2</span><a href="#Heading2_2" class="style2">Experiences</a>
</li>
<li>
<span class="toc_number">2.3</span><a href="#Heading2_3" class="style2">Work</a>
</li>
<li>
<span class="toc_number">2.4</span><a href="#Heading2_4" class="style2">Videosand photos</a>
</li>
</ul>
</li>
<li>
<span class="toc_number">3 </span><a href="#Heading3" class="style2">Achievements</a>
</li>
<li>
<span class="toc_number">4 </span><a href="#Heading4" class="style2">Photography</a>
</li>
<li>
<span class="toc_number">5 </span><a href="#Heading5" class="style2">Filmography</a>
</li>
<li>
<span class="toc_number">6 </span><a href="#Heading6" class="style2">Friends</a>
<ul>
<li>
<span class="toc_number">6.1</span><a href="#Heading6_1" class="style2">Visits</a>
</li>
<li>
<span class="toc_number">6.2</span><a href="#Heading6_2" class="style2">Residencies</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div id="my_Heading1">
<h2 id="Heading1">Life and career</h2>
</div>
<hr id="Line1">
<div id="my_Heading1_1">
<h3 id="Heading1_1">1920-1925: Early life and career</h3>
</div>
<div id="my_Text1_1">
<span id="my_jimdel8">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.
</span>
</div>
<div id="my_Heading1_2">
<h3 id="Heading1_2">1926-1931: Early development</h3>
</div>
<div id="my_Text1_2">
<span id="my_jimdel9">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.
</span>
</div>
<div id="my_Heading1_3">
<h3 id="Heading1_3">1936-1941: Developmental path</h3>
</div>
<div id="my_Text1_3">
<span id="my_jimdel10">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.
</span>
</div>
<div id="my_Heading1_4">
<h3 id="Heading1_4">1946-1951: Adulthood</h3>
</div>
<div id="my_Text1_4">
<span id="my_jimdel11">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.
</span>
</div>
<div id="my_Heading1_5">
<h3 id="Heading1_5">1920-1925: Early life and career</h3>
</div>
<div id="my_Text1_5">
<span id="my_jimdel12">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.
</span>
</div>
<div id="my_Heading1_6">
<h3 id="Heading1_6">1920-1925: Early life and career</h3>
</div>
<div id="my_Text1_6">
<span id="my_jimdel3">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapie.<br><br>
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
Sed bibendum enim est, vitae porta dolor dignissim sit amet.<br><br>Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapien,
nec posuere turpis.Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.<br>
</span>
</div>
<div id="my_Heading2">
<h2 id="Heading2">Creative Skills</h2>
</div>
<hr id="Line2">
<div id="muy_Heading2_1">
<h3 id="Heading2_1">Influences</h3>
</div>
<div id="my_Text2_1">
<span id="my_jimdel14">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapien, nec posuere turpis.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
</span>
</div>
<div id="muy_Heading2_2">
<h3 id="Heading2_2">Influences</h3>
</div>
<div id="my_Text2_2">
<span id="my_jimdel15">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapien, nec posuere turpis.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
</span>
</div>
<div id="muy_Heading2_3">
<h3 id="Heading2_3">Influences</h3>
</div>
<div id="my_Text2_3">
<span id="my_jimdel16">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapien, nec posuere turpis.
Morbi turpis leo, venenatis vitae dapibus eget, pulvinar nec metus.
</span>
</div>
<div id="my_Heading3">
<h2 id="Heading3">Accomplishmets</h2>
</div>
<hr id="Line3">
<div id="my_Text3">
<span id="my_jimdel17">Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Cras accumsan vitae risus id vulputate. Phasellus ac viverra sapien, nec posuere turpis.
Morbi turpis leo, venenatis vitae dapibus
</span>
</div>
<div id="my_Heading4">
<h2 id="Heading4">Outward tips</h2>
</div>
<hr id="line4">
<div id="my_Text4">
<span id="my_jimdel18"><strong>•</strong></span><span id="my_jimdel19"><a href="https://www.youtube.com/channel/UCiC5-n85_UzJs7C1FvFl-fg/videos" target="_blank">Official website</a>
</span>
<span id="my_jimdel20"><strong>•</strong></span>
<span id="my_jimdel21"><a href="https://www.youtube.com/channel/UCiC5-n85_UzJs7C1FvFl-fg/videos" target="_blank">Jimdel-Edu</a><br></span>
</div>
</div>
<div class="col-3">
<div class="col-3-padding">
<table id="Table1">
<tr>
<td colspan="2" class="cell0"><p id="my_jimdel22"><span id="my_jimdel23">Jimdelpedia</span></p></td>
</tr>
<tr>
<td colspan="2" class="cell1"><div id="my_indexImage1">
<img src="images/pedia-image.png" id="indexImage1" alt="">
</div>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel24">Born</span></p>
</td>
<td class="cell2"><p>Jimdelpedia</p>
<p>October 1, 1950 (age 72)</p>
<p>Lasemence PHP, U.S.</p>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel25">Occupation</span></p>
</td>
<td class="cell2"><p>Cinematography - Software developer - martial artist</p>
</td>
</tr>
<tr>
<td class="cell2"><p id="my_jimdel26"><span id="my_jimdel27"> </span>Spouse(s)</p>
</td>
<td class="cell2"><p>La Une. <br>Blue.</p>
</td>
</tr>
<tr>
<td class="cell2"><p id="my_jimdel28"><span id="my_jimdel29"> </span>Coworker(s)</p>
</td>
<td class="cell2"><p>John</p>
<p>(1970-present)</p>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel30">Children</span></p>
</td>
<td>5</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel30">Acadamy Awards</span></p>
</td>
<td class="cell2"><p><a href="#Heading3" class="style2">Table</a></p>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel31">Genres</span></p>
</td>
<td class="cell2"><p>Martial art - Action Movies</p>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel31">Instruments</span></p>
</td>
<td class="cell2"><p>Guitar - Piano</p>
</td>
</tr>
<tr>
<td class="cell2"><p> <span id="my_jimdel32">Website</span></p>
</td>
<td class="cell2"><p><a href="https://www.jdmah.com" target="_blank" class="style2">www.jimdelpedia.com</a></p>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
<div id="my_footer">
<div id="footer">
<div class="row">
<div class="col-1">
</div>
<div class="col-2">
<div id="my_footerText">
<span id="my_jimdel33">Last edited on 26 June 2022, at 3:35 (CT).<br><br>Terms and conditions.
Jimdelpedia, all rights reserved.</span>
</div>
<div id="my_footerMenu">
<span><a href="#" class="style2" title="Privacy policy">Conditions</a>
</span>
<span><a href="https://www.youtube.com/channel/UCiC5-n85_UzJs7C1FvFl-fg/videos" class="style2" title="About">About</a></span>
<span><a href="#" class="style2" title="Contact">Contact</a></span>
<span><a href="#" class="style2" title="Blog">Blog</a></span>
<span><a href="#" class="style2" title="Cookie statement">Use of Coookie</a></span>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
Next,
You will have to create another folder inside your main folder and call it: css
Inside this folder create a file and call it: style.css
Go ahead copy and paste this code:
|
a.style1{
color: #0753D1;
text-decoration: none;
}
a.style1:visited{
color: #0645AD;
text-decoration: none;
}
a.style1:active{
color: #0645AD;
text-decoration: none;
}
a.style1:hover{
color: #0645AD;
text-decoration: none;
}
a.style2{
color: #0645AD;
text-decoration: none;
}
a.style2:visited{
color: #0645AD;
text-decoration: none;
}
a.style2:active{
color: #0645AD;
text-decoration: none;
}
a.style2:hover{
color: #0645AD;
text-decoration: none;
}
h1, .h1{
font-family: Arial;
font-weight: bold;
font-size: 32px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
h2, .h2{
font-family: Arial;
font-weight: bold;
font-size: 27px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
h3, .h3{
font-family: Arial;
font-weight: bold;
font-size: 24px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
h4, .h4{
font-family: Arial;
font-weight: bold;
font-size: 21px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
h5, .h5{
font-family: Arial;
font-weight: bold;
font-size: 19px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
h6, .h6{
font-family: Arial;
font-weight: bold;
font-size: 16px;
text-decoration: none;
color: #000000;
background-color: transparent;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}
.CustomStyle{
font-family: "Courier New";
font-weight: bold;
font-size: 16px;
text-decoration: none;
color: #2E74B5;
background-color: transparent;
}
|
Next after that, create another file inside your css folder and call it: jimdelpedia.css
Go ahead and copy paste this code. Which means you should have two files inside your css folder. One call style.css and the other call jimdelpedia.css
|
body{
background-color: #ffffff;
color: #000000;
font-family: Arial;
font-weight: normal;
font-size: 13px;
line-height: 1.1875;
margin:0;
padding:0;
}
a{
color: #0000ff;
text-decoration: underline;
}
a:visited{
color: #800080;
}
a:active{
color: #FF0000;
}
a:hover{
color: #0000ff;
text-decoration: underline;
}
input:focus, textarea:focus, select:focus{
outline: none;
}
#toc_container{
background-color: #F8F9FA;
background-image: none;
border: 1px solid #A2A9B1;
border-radius: 0px;
box-sizing: border-box;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 13px;
line-height: 1.4;
margin:0;
padding:10px 10px 10px 10px;
textl-align: left;
}
#toc_container ul{
list-style-type: none;
list-style-position: inside;
}
#toc_container > ul{
margin: 0;
padding: 0;
}
#toc_container > ul ul{
padding: 0 20px;
}
#toc_container .toc_title{
font-weight: bold;
font-size: 19px;
padding: 0 0 0.5em 0;
}
#my_contentHeading1{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 10px 0px;
padding: 0;
text-align: left;
}
#my_LayoutGrid1{
clear: both;
position: relative;
table-layout: fixed;
display: table;
text-align: center;
width: 100%;
background-color: transparent;
background-image: none;
border: 0px solid #CCCCCC;
box-sizing: border-box;
margin: 0;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 20px;
padding-left: 20px;
position: relative;
}
#LayoutGrid1 > .col-1, #LayoutGrid1 > .col-2, #LayoutGrid1 > .col-3
{
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}
#LayoutGrid1 > .col-1{
background-color: #F6F6F6;
background-image: none;
border-top-width: 0px;
border-right-width: 1px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A7D7F9;
border-right-color: #A7D7F9;
border-bottom-color: #A7D7F9;
border-left-color: #A7D7F9;
flex-basis: 180px;
max-width: 180px;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-content: flex-start;
-webkit-align-selft: stretch;
-webkit-align-items: flex-starts;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
align-self: stretch;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
text-align: left;
}
#LayoutGrid1 > .col-1 > .col-1-padding{
box-sizing: border-box;
width: 100%;
padding: 10px 0px 0px 0px;
}
#LayoutGrid1 > .col-2{
background-color: transparent;
background-image: none;
border: 0px solid: #ffffff;
border-radius: 0px;
flex-basis: calc((100% - 430px) / 1);
max-width: calc((100% - 430) / 1);
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-content: flex-start;
-webkit-align-self: stretch;
-webkit-align-items: flex-start;
display: wrap;
align-content: flex-start;
align-items: flex-start;
align-self: stretch;
-webkit-justify-content: flex-start;
text-align: left;
}
#LayoutGrid1 > .col-3{
background-color: transparent;
background-image: none;
border: 0px solid: #ffffff;
border-radius: 0px;
flex-basis: 250px;
max-width: 250px;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
-webkit-align-content: flex-start;
-webkit-align-self: stretch;
-webkit-align-items: flex-start;
display: wrap;
align-content: flex-start;
align-items: flex-start;
align-self: stretch;
-webkit-justify-content: flex-start;
text-align: left;
}
#LayoutGrid1 > .col-3 > .col-3-padding
{
box-sizing: border-box;
width: 100%;
padding: 72px 0px 20px 0px;
}
@@media (max-width: 480px)
{
-webkit-flex-basis: 100% !important;
flex-basis: 100% !important;
max-width: 100% !important;
}
#my_Heading1{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
padding: 0;
margin: 25px 0px 0px 0px;
text-align: left;
}
#Heading1{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line1{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0 px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Heading1_1{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_1{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text1_1{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_1 div{
text-align: left;
}
#my_Text1_1{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_sidebarLogo{
margin: 0;
vertical-align: top;
}
#sidebarLogo{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 128px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#my_sidebarText1{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 10px 0px 30px 0px;
text-align: center;
}
#my_sidebarText1 div{
text-align: center;
}
#my_sidebarText1{
display: block;
margin: 10px 0px 30px 0px;
box-sizing: border-box;
width: 100%;
}
#my_sidebarText2{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 20px 0px 10px 0px;
text-align: left;
}
#my_sidebarText2 div{
text-align: left;
}
#my_sidebarText2{
display: block;
margin: 20px 0px 10px 0px;
box-sizing: border-box;
width: 100%;
}
#my_sidebarText3{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 20px 0px 10px 0px;
text-align: left;
}
#my_sidebarText3 div{
text-align: left;
}
#my_sidebarText3{
display: block;
margin: 20px 0px 10px 0px;
box-sizing: border-box;
width: 100%;
}
#my_sidebarMenu1{
background-color: transparent;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin: 0;
text-align: left;
}
#my_sidebarMenu1 span{
display: block;
margin: 0 0 4px 0;
line-height: 15px;
}
#my_sidebarMenu2{
background-color: transparent;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin: 0;
text-align: left;
}
#my_sidebarMenu2 span{
display: block;
margin: 0 0 4px 0;
line-height: 15px;
}
#my_sidebarMenu3{
background-color: transparent;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin: 0;
text-align: left;
}
#my_sidebarMenu3 span{
display: block;
margin: 0 0 4px 0;
line-height: 15px;
}
#indexLine1{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top:0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_textIntro{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_textIntro div{
text-align: left;
}
#my_textIntro{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#Table1{
border: 1px solid #A2A9B1;
border-radius: 0px;
background-color: #F8F9FA;
background-image: none;
border-collapse: none;
border-spacing: 1px;
margin: 0;
}
#Table1 td{
padding: 4px 4px 4px 4px;
}
#Table1 p, #Table1 ul{
margin: 0;
padding: 0;
}
#Table1 .cell0{
background-color: transparent;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
text-align: center;
vertical-align: top;
color: #000000;
font-family: arial;
font-size: 15px;
line-height: 16.5px;
}
#Table1 .cell1{
background-color: transparent;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
text-align: center;
vertical-align: top;
font-size: 0;
}
#Table1 .cell2{
background-color: transparent;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
text-align: left;
vertical-align: top;
color: #000000;
font-family: Arial;
font-size: 13px;
line-height: 16px;
}
#my_indexImage1{
margin: 0;
vertical-align: top;
}
#my_indexImage1{
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
padding: 0;
display: block;
width: 100%;
height: auto;
max-width: 200px;
margin-left: auto;
margin-right: auto;
vertical-align: top;
}
#footer{
box-sizing: border-box;
padding: 0px 15px 25px 15px;
margin-right: auto;
margin-left: auto;
}
#footer > .row{
margin-right: -15px;
margin-left: -15px;
}
#footer > .row > .col-1, #footer > .row > .col-2
{
box-sizing: border-box;
font-size: 0px;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
position: relative;
}
#footer > .row > .col-1, #footer > .row > .col-2
{
float: left;
}
#footer > .row > .col-1
{
background-color: transparent;
background-image: none;
border: 0px solid #ffffff;
width: 180px;
text-align: left;
}
#footer > .row > .col-2
{
background-color: transparent;
background-image: none;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #A7D7F9;
border-right-color: #A7D7F9;
border-bottom-color: #A7D7F9;
border-left-color: #A7D7F9;
width: calc((100% - 180px) / 1);
text-align: left;
}
#footer:before,
#footer:after,
#footer .row:before,
#footer .row:after{
display: table;
content: " ";
}
#footer:after,
#footer .row:after{
clear: both;
}
@media (max-width: 480px){
#footer > .row > .col-1, #footer > .row > .col-2
{
float: none;
width: 100% !important;
}
}
#my_footerText{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius:0px;
padding: 25px 0px 25px 0px;
text-align: left;
}
#my_footerText div{
text-align: left;
}
#my_footerText{
display: block;
margin: 0;
box-sizing: border-box;
width: 100%;
}
#my_footerMenu{
background-color: transparent;
background-image: none;
color: #000000;
font-family: Arial;
font-weight: normal;
font-style: normal;
font-size: 12px;
margin: 0;
text-align: left;
}
#my_footerMenu span {
margin: 0 10px 0 0px;
}
#Line6{
display: block;
width: 100%;
z-index: 53;
}
#my_jimdel19{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading2{
display: inline-block;
width: 100%;
z-index: 33;
}
#my_jimdel1{
color: #000000;
font-family: "Times New Roman";
font-size: 13px;
}
#my_footerMenu{
display: inline-block;
width: 100%;
z-index: 66;
}
#Line7{
display: block;
width: 100%;
z-index: 59;
}
#my_Heading3{
display: inline-block;
width: 100%;
z-index: 43;
}
#my_toc_container{
display: inline-block;
width: 100%;
z-index: 10;
}
#my_jimdel2{
color: #000000;
font-family: "Times New Roman";
font-size: 20px;
}
#my_Heading4{
display: inline-block;
width: 100%;
z-index: 46;
}
#my_jimdel3{
color: #000000;
font-family: "Times New Roman";
font-size: 13px;
}
#my_Heading5{
display: inline-block;
width: 100%;
z-index: 49;
}
#my_jimdel4{
color: #000000;
font-family: "Times New Roman";
font-size: 12px;
}
#my_Heading6{
display: inline-block;
width: 100%;
z-index: 49;
}
#my_jimdel5{
color: #000000;
font-family: "Arial";
font-size: 12px;
}
#my_jimdel40{
font-weight: bold;
}
#my_indexImage1{
display: inline-block;
width: 100%;
height: auto;
z-index: 61;
}
#Table1{
display: table;
width: 100%;
height: 757px;
z-index: 62;
}
#my_Heading7{
display: inline-block;
width: 100%;
z-index: 58;
}
#my_jimdel6{
color: #000000;
font-family: "Arial";
font-size: 12px;
}
#my_jimdel41{
font-weight: normal;
}
#my_jimdel30{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_jimdel7{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_sidebarMenu1{
display: inline-block;
width: 100%;
z-index: 2;
}
#my_jimdel31{
font-family: "Arial";
font-weight: bold;
}
#my_jimdel20{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_jimdel18{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_sidebarMenu2{
display: inline-block;
width: 100%;
z-index: 4;
}
#my_jimdel32{
font-family: "Arial";
}
#my_jimdel21{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_jimdel10{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_jimdel19{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_1{
display: inline-block;
width: 100%;
z-index: 13;
}
#my_sidebarMenu3{
display: inline-block;
width: 100%;
z-index: 6;
}
#my_jimdel33{
font-weight: bold;
}
#my_jimdel22{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading2_1{
display: inline-block;
width: 100%;
z-index: 35;
}
#my_jimdel11{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_2{
display: inline-block;
width: 100%;
z-index: 15;
}
#my_jimdel34{
font-weight: bold;
}
#my_jimdel23{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading2_2{
display: inline-block;
width: 100%;
z-index: 37;
}
#my_jimdel12{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_3{
display: inline-block;
width: 100%;
z-index: 17;
}
#my_jimdel35{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_jimdel35{
font-weight: bold;
}
#my_jimdel24{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading2_3{
display: inline-block;
width: 100%;
z-index: 39;
}
#my_jimdel13{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_4{
display: inline-block;
width: 100%;
z-index: 19;
}
#my_jimdel36{
font-weight: normal;
}
#my_jimdel25{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading2_4{
display: inline-block;
width: 100%;
z-index: 41;
}
#my_jimdel14{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_5{
display: inline-block;
width: 100%;
z-index: 21;
}
#Line1{
display: block;
width: 100%;
z-index: 12;
}
#my_jimdel37{
font-weight: bold;
}
#my_jimdel26{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading6_1{
display: inline-block;
width: 100%;
z-index: 54;
}
#Line2{
display: block;
width: 100%;
z-index: 34;
}
#my_jimdel15{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_6{
display: inline-block;
width: 100%;
z-index: 23;
}
#my_jimdel38{
font-weight: normal;
}
#my_jimdel27{
color: #000000;
font-family: "Arial";
font-size: 17px;
}
#my_Heading6_2{
display: inline-block;
width: 100%;
z-index: 56;
}
#Line3{
display: block;
width: 100%;
z-index: 44;
}
#my_Heading1_10{
display: inline-block;
width: 100%;
z-index: 31;
}
#my_jimdel16{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_7{
display: inline-block;
width: 100%;
z-index: 25;
}
#my_contentHeading1{
display: inline-block;
width: 100%;
z-index: 7;
}
#my_sidebarLogo{
display: inline-block;
width: 100%;
height: auto;
z-index: 0;
}
#my_jimdel28{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#Line4{
display: block;
width: 100%;
z-index: 47;
}
#my_jimdel17{
color: #000000;
font-family: "Arial";
font-size: 13px;
}
#my_Heading1_8{
display: inline-block;
width: 100%;
z-index: 27;
}
#my_jimdel29{
color: #000000;
font-family: "Arial";
font-size: 17px;
}
#Line5{
display: block;
width: 100%;
z-index: 50;
}
#my_jimdel18{
color: #000000;
font-family: "Arial";
font-size: 18px;
}
#my_Heading1_9{
display: inline-block;
width: 100%;
z-index: 29;
}
#my_Heading1{
display: inline-block;
width: 100%;
z-index: 11;
}
#indexLine1{
display: inline-block;
width: 100%;
z-index: 8;
}
#my_jimdel10{
color: #000000;
font-family: "Times New Roman";
font-size: 20px;
}
#LayoutGrid1 .col-3-padding{
position: sticky;
top: 0;
}
#my_Heading1_2{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_2{
color: #000000;
font-family: Arial;
font-size: 19px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
}
#my_Text1_2{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
padding: 0;
text-align: left;
}
#my_Text1_2 div{
text-align: left;
}
#my_Text1_2{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_3{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_3{
color: #000000;
font-family: Arial;
font-size: 19px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
}
#my_Text1_3{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
padding: 0;
text-align: left;
}
#my_Text1_3 div{
text-align: left;
}
#my_Text1_3{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_4{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_4{
color: #000000;
font-family: Arial;
font-size: 19px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
}
#my_Text1_4{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_4 div{
text-align: left;
}
#my_Text1_4{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Text1_5{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#Heading1_5{
color: #000000;
font-family: Arial;
font-size: 19px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
}
#my_Text1_5 div{
text-align: left;
}
#my_Text1_5{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_6{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_6{
color: #000000;
font-family: Arial;
font-size: 19px;
font-style: normal;
font-weight: bold;
margin: 0;
text-align: left;
}
#my_Text1_6{
background-color: transparent;
background-image: none;
border-radius: 0px;
border: 0px solid #000000;
padding: 0;
padding: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_6 div{
text-align: left;
}
#my_Heading1_7
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_7
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text1_7
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_7 div
{
text-align: left;
}
#my_Text1_7
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_8
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_8
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text1_8
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_8 div
{
text-align: left;
}
#my_Text1_8
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_9
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_9
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text1_9
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_9 div
{
text-align: left;
}
#my_Text1_9
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading1_10
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading1_10
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text1_10
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text1_10 div
{
text-align: left;
}
#my_Text1_10
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading2
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line2
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Heading2_1
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading2_1
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text2_1
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text2_1 div
{
text-align: left;
}
#my_Text2_1
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading2_2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading2_2
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text2_2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text2_2 div
{
text-align: left;
}
#my_Text2_2
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading2_3
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading2_3
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text2_3
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text2_3 div
{
text-align: left;
}
#my_Text2_3
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading2_4
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading2_4
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text2_4
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text2_4 div
{
text-align: left;
}
#my_Text2_4
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading3
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading3
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line3
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Text3
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text3 div
{
text-align: left;
}
#my_Text3
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading4
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading4
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line4
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Text4
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text4 div
{
text-align: left;
}
#my_Text4
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading5
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading5
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line5
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Text5
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text5 div
{
text-align: left;
}
#my_Text5
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading6
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading6
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line6
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Heading6_1
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading6_1
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text6_1
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text6_1 div
{
text-align: left;
}
#my_Text6_1
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading6_2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 0;
padding: 0px 0px 10px 0px;
text-align: left;
}
#Heading6_2
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 19px;
margin: 0;
text-align: left;
}
#my_Text6_2
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
padding: 0;
margin: 0px 0px 25px 0px;
text-align: left;
}
#my_Text6_2 div
{
text-align: left;
}
#my_Text6_2
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Heading7
{
background-color: transparent;
background-image: none;
border: 0px solid #000000;
border-radius: 0px;
box-sizing: border-box;
vertical-align: top;
margin: 25px 0px 0px 0px;
padding: 0;
text-align: left;
}
#Heading7
{
color: #000000;
font-family: Arial;
font-weight: bold;
font-style: normal;
font-size: 24px;
margin: 0;
text-align: left;
}
#Line7
{
border-color: #A2A9B1;
border-style: solid;
border-bottom-width: 1px;
border-top: 0px;
border-left: 0px;
border-right: 0px;
height: 0 !important;
line-height: 0px !important;
margin: 2px 0px 14px 0px;
padding: 0;
}
#my_Text7 div
{
text-align: left;
}
{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
#my_Text1_6{
display: block;
margin: 0px 0px 25px 0px;
box-sizing: border-box;
width: 100%;
}
|
Next,
Create another inside your main and call it: images
Put all your images inside of this folder you want to display in the page.
If you guys find any errors, please let me know by clicking on the contact button on the upper right corner. Enjoy!!!
Check it out here by clicking on this link: Jimdel-Edu - YouTube
What's Your Reaction?
![Advanced CRUD Using PHP Update Version [ Create - Read - Update - Delete ] Part 1](https://www.jdmah.com/uploads/images/2021/08/image_140x98_610ea8358a9b3.jpg)