Sei sulla pagina 1di 136

a:52:{s:18:"interface for arms";a:4:{s:7:"content";s:22575:"<style>

@media screen and (min-width: 800px) {


div#image-map-pro-6884 {
transform: translateY(50%);
}
}
@media screen and (min-width: 800px) {
div#Hands div#image-highlight {
display: block !important;
background-color: #50485b;
color: #FFFFFF;
text-align: center;
font-family: 'Titillium Web';
font-size: 13px;
width: 150px;
transition: all 0.5s;
cursor: pointer;
border-bottom-style: outset !important;
margin-left: -50px;
text-transform: capitalize;
padding-left: 5px;
line-height: 17px !important;
padding-right: 5px;
}

}
@media screen and (max-width: 800px) {
div#image-map-pro-2144 {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
}

@media screen and (max-width: 800px) {


div#Hands div#subcontainer {
width:100% !important;
}

}
@media screen and (min-width: 800px) {
div#image-map-pro-2144 {
max-width: 350px;
}
}
</style>
<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile" style=" margin-top: 40px;">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">
<a href="https://www.earthslab.com/anatomy/bones-of-upper-limb/" data-
mil="3282">Arm</a>

<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/" data-mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/" data-


mil="3282">Arms</a>

<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/" data-


mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/">Ulnar</a>

<a href="https://www.earthslab.com/anatomy/radial-nerve/">Radial</a>

<a href="https://www.earthslab.com/anatomy/median-nerve/">Median</a>

<a href="https://www.earthslab.com/anatomy/musculocutaneous-
nerve/">Musculocutaneous</a>

<a href="https://www.earthslab.com/anatomy/axillary-nerve/">Axillary</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-upper-limb/">Arms</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-hand/">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-upper-limb/">Arms</a>
<a href="https://www.earthslab.com/anatomy/veins-of-hand/">Hand</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-upper-limb/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/"><button class="button3"> Hand</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/"><button
class="button3"> Hand</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/"><button class="button3"> Ulnar</button></a>
<a href="https://www.earthslab.com/anatomy/radial-nerve/"><button class="button3">
Radial</button></a>
<a href="https://www.earthslab.com/anatomy/median-nerve/"><button class="button3">
Median</button></a>
<a href="https://www.earthslab.com/anatomy/musculocutaneous-nerve/"><button
class="button3"> Musculocutaneous</button></a>
<a href="https://www.earthslab.com/anatomy/axillary-nerve/"><button
class="button3"> Axillary</button></a>
<a href="https://www.earthslab.com/anatomy/anatomy/arteries-of-the-upper-limb/
"><button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/anatomy/arteries-of-the-upper-limb/
"><button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')" id="defaultOpen">Bones
of Upper Limb</button>
<button class="tablinks" onclick="openCity(event, 'Hands')">Bones of
Hand</button>
</div>

<div id="Hands" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left;


">[HandBones]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 650px;


transform: translateY(14%); padding-left:50px; margin-top: -100px; margin-
bottom: 210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-3776 Copy"
data-imp-image-map-name="bones of hand">metacarpal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-192" data-
imp-image-map-name="bones of hand">proximal phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-1039 Copy"
data-imp-image-map-name="bones of hand">middle phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4866 Copy"
data-imp-image-map-name="bones of hand">distal phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-3554" data-
imp-image-map-name="bones of hand">extensor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-2618" data-
imp-image-map-name="bones of hand">flexor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7666" data-
imp-image-map-name="bones of hand">palmar metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4764" data-
imp-image-map-name="bones of hand">Metacarpophalangeal articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6601" data-
imp-image-map-name="bones of hand">deep transverse metacarpal ligaments</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9648" data-
imp-image-map-name="bones of hand">superficial transverse metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4927" data-
imp-image-map-name="bones of hand">palmar carpometacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-1645" data-
imp-image-map-name="bones of hand">carpometacarpal articular capsule of
pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7020" data-
imp-image-map-name="bones of hand">metacarpophalangeal articular capsule of
pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9428" data-
imp-image-map-name="bones of hand">interphalangeal articular capsule of
pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-2115" data-
imp-image-map-name="bones of hand">interphalangeal (proximal) articular
capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-340" data-
imp-image-map-name="bones of hand">interphalangeal (distal) articular
capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6394" data-
imp-image-map-name="bones of hand">Ulna</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7588" data-
imp-image-map-name="bones of hand">radius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-2984" data-
imp-image-map-name="bones of hand">scaphoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4246" data-
imp-image-map-name="bones of hand">trapezium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-3095" data-
imp-image-map-name="bones of hand">trapezoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7711" data-
imp-image-map-name="bones of hand">capitate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-5213" data-
imp-image-map-name="bones of hand">hamate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-873" data-
imp-image-map-name="bones of hand">triquetra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7863" data-
imp-image-map-name="bones of hand">pisiform</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9652" data-
imp-image-map-name="bones of hand">lunate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7270" data-
imp-image-map-name="bones of hand">ulnocarpal joint</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-3776 Copy" data-
imp-image-map-name="bones of hand">metacarpal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-192" data-imp-
image-map-name="bones of hand">proximal phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-1039 Copy" data-
imp-image-map-name="bones of hand">middle phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4866 Copy" data-
imp-image-map-name="bones of hand">distal phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-3554" data-imp-
image-map-name="bones of hand">extensor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-2618" data-imp-
image-map-name="bones of hand">flexor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7666" data-imp-
image-map-name="bones of hand">palmar metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4764" data-imp-
image-map-name="bones of hand">Metacarpophalangeal articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-6601" data-imp-
image-map-name="bones of hand">deep transverse metacarpal ligaments</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9648" data-imp-
image-map-name="bones of hand">superficial transverse metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4927" data-imp-
image-map-name="bones of hand">palmar carpometacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-1645" data-imp-
image-map-name="bones of hand">carpometacarpal articular capsule of pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7020" data-imp-
image-map-name="bones of hand">metacarpophalangeal articular capsule of
pollex</div>
<div id="image-highlight-Heading2" style="font-size: 15px; padding-top: 0px;"
onClick="window.location.reload()"> Un-Highlight Shapes</div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9428" data-imp-
image-map-name="bones of hand">interphalangeal articular capsule of pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-2115" data-imp-
image-map-name="bones of hand">interphalangeal (proximal) articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-340" data-imp-
image-map-name="bones of hand">interphalangeal (distal) articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-6394" data-imp-
image-map-name="bones of hand">Ulna</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7588" data-imp-
image-map-name="bones of hand">radius</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-2984" data-imp-
image-map-name="bones of hand">scaphoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4246" data-imp-
image-map-name="bones of hand">trapezium</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-3095" data-imp-
image-map-name="bones of hand">trapezoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7711" data-imp-
image-map-name="bones of hand">capitate</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-5213" data-imp-
image-map-name="bones of hand">hamate</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-873" data-imp-
image-map-name="bones of hand">triquetra</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7863" data-imp-
image-map-name="bones of hand">pisiform</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9652" data-imp-
image-map-name="bones of hand">lunate</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7270" data-imp-
image-map-name="bones of hand">ulnocarpal joint</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="" data-imp-image-
map-name="">-</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="" data-imp-image-
map-name="">-</div>
<div id="image-highlight-Heading2" style="font-size: 15px; padding-top: 0px;"
onClick="window.location.reload()"> Un-Highlight Shapes</div>
</div>
</div>
</div></div>

</div>

<div id="Arms" class="tabcontent"><div class="highlightmenumobile" style="margin-


top: 20px;
width: 1px;
float: right;
z-index: 7;
position: relative;">
<div id="subcontainermenu1" style=" width: 150px;
float: right;
transform: translateY(2%);
font-size: 8px;">
<div id="image-highlight-Heading" style="font-size: 15px;">Highlight</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-4428">Ulna</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="radius">Radius</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-9331">Interosseous membrane</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-6290">Articular capsule</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-8252">Extensor retinaculum</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-5050">flexor retinaculum</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-5668">Bones of hand</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-6545">Annular ligament</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-5672">Bones of thorax</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="webcraft-test-post">Bones of pelvis</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="poly-838">femur</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="humerus">Humerus</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="rect-5679">Sternum</div>
<div id="image-highlight" style="font-size: 13px;" data-imp-highlight-shape-on-
click="rect-4147">Clavicle</div>
<div id="image-highlight-Heading2" style="font-size: 15px; padding-top: 0px;"
onClick="window.location.reload()"> Un-Highlight Shapes</div>
</div>
</div>
<div id="subcontainer" style="width:calc(100% - 150px); float:left;">[Arms]</div>
<!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4428">Ulna</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="radius">Radius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9331">Interosseous membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6290">Articular capsule</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8252">Extensor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5050">flexor
retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5668">Bones
of hand</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6545">Annular
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5672">Bones
of thorax</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="webcraft-test-
post">Bones of pelvis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
838">femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="humerus">Humerus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5679">Sternum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4147">Clavicle</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>
</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-5954898" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">
<i style="margin: 0 auto 10px auto; float: left;; color:#f44336;padding: 2px 2px;
background-color:; width: 20px; height: 20px; font-size: 20px; line-height: 20px; "
class="ts-box-icon-title-icon fa fa-info-circle ts-main-ico ts-font-icon "></i>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.
P.S. Highlight using names WON'T work if you hover over the image even once. Kindly
reload the page to use it again.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
</div>
</div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:19:"interface for hands";a:4:{s:7:"content";s:18582:"<style>
@media screen and (min-width: 800px) {
div#image-map-pro-6884 {
transform: translateY(50%);
}
}
@media screen and (min-width: 800px) {
div#Hands div#image-highlight {
display: block !important;
background-color: #50485b;
color: #FFFFFF;
text-align: center;
font-family: 'Titillium Web';
font-size: 13px;
width: 150px;
transition: all 0.5s;
cursor: pointer;
border-bottom-style: outset !important;
margin-left: -50px;
text-transform: capitalize;
padding-left: 5px;
line-height: 17px !important;
padding-right: 5px;
}

}
@media screen and (max-width: 800px) {
div#image-map-pro-2144 {
max-width: 250px;
margin-left: auto;
margin-right: auto;
}
}

@media screen and (min-width: 800px) {


div#image-map-pro-2144 {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 800px) {
div#subcontainer {
width:100% !important;
}

}
</style>ab
<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile" style=" margin-top: 40px;">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/bones-of-upper-limb/" data-


mil="3282">Arm</a>

<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/" data-mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/" data-


mil="3282">Arms</a>

<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/" data-


mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/">Ulnar</a>

<a href="https://www.earthslab.com/anatomy/radial-nerve/">Radial</a>

<a href="https://www.earthslab.com/anatomy/median-nerve/">Median</a>
<a href="https://www.earthslab.com/anatomy/musculocutaneous-
nerve/">Musculocutaneous</a>

<a href="https://www.earthslab.com/anatomy/axillary-nerve/">Axillary</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-upper-limb/">Arms</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-hand/">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-upper-limb/">Arms</a>

<a href="https://www.earthslab.com/anatomy/veins-of-hand/">Hand</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-upper-limb/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/"><button class="button3"> Hand</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/"><button
class="button3"> Hand</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/"><button class="button3"> Ulnar</button></a>
<a href="https://www.earthslab.com/anatomy/radial-nerve/"><button class="button3">
Radial</button></a>
<a href="https://www.earthslab.com/anatomy/median-nerve/"><button class="button3">
Median</button></a>
<a href="https://www.earthslab.com/anatomy/musculocutaneous-nerve/"><button
class="button3"> Musculocutaneous</button></a>
<a href="https://www.earthslab.com/anatomy/axillary-nerve/"><button
class="button3"> Axillary</button></a>
<a href="https://www.earthslab.com/anatomy/anatomy/arteries-of-the-upper-limb/
"><button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/anatomy/arteries-of-the-upper-limb/
"><button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')">Bones of Upper
Limb</button>
<button class="tablinks" onclick="openCity(event, 'Hands')"
id="defaultOpen">Bones of Hand</button>
</div>

<div id="Hands" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left;


">[HandBones]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 650px;


transform: translateY(14%); padding-left:50px; margin-top: -100px; margin-
bottom: 210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-3776
Copy">metacarpal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-192">proximal
phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-1039
Copy">middle phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4866
Copy">distal phalanges</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
3554">extensor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-2618">flexor
retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7666">palmar
metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4764">Metacarpophalangeal articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6601">deep
transverse metacarpal ligaments</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9648">superficial transverse metacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4927">palmar
carpometacarpal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1645">carpometacarpal articular capsule of pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7020">metacarpophalangeal articular capsule of pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9428">interphalangeal articular capsule of pollex</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
2115">interphalangeal (proximal) articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
340">interphalangeal (distal) articular capsules</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
6394">Ulna</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7588">radius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
2984">scaphoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4246">trapezium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
3095">trapezoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7711">capitate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5213">hamate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
873">triquetra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7863">pisiform</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9652">lunate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7270">ulnocarpal joint</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="fibula">Fibula</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7534">Tibia</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="tarsal-
bones">Talus</div>
<div id="image-highlight" data-imp-highlight-shape-on-
click="calcaneus">Calcaneus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6256">Cuboid
Bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5068">Cuneiform
Bones</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9222">Intermediate Cuneiform</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
6846">Navicular</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="first meta
subpart">Metatarsal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6931">Medial
Cuneiform</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8363">Proximal
phalanx</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="distal phalanx
1">Distal Phalanx</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="middle phalanx
2">Middle Phalanx</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="-">-</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div></div>

</div>

<div id="Arms" class="tabcontent"><div class="highlightmenumobile" style="margin-


top: 20px;
width: 1px;
float: right;
z-index: 7;
position: relative;">
<div id="subcontainermenu1" style=" width: 150px;
float: right;
transform: translateY(2%);
font-size: 8px;">
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-4428">Ulna</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="radius">Radius</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-9331">Interosseous membrane</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-6290">Articular capsule</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-8252">Extensor retinaculum</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-5050">flexor retinaculum</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-5668">Bones of hand</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-6545">Annular ligament</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-5672">Bones of thorax</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="webcraft-test-post">Bones of pelvis</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="poly-838">femur</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="humerus">Humerus</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="rect-5679">Sternum</div>
<div id="image-highlight" style="font-size: 8px;" data-imp-highlight-shape-on-
click="rect-4147">Clavicle</div>
<div id="image-highlight-Heading2" style="font-size: 13px; padding-top: 0px;"
onClick="window.location.reload()"> Un-Highlight Shapes</div>
</div>
</div>

<div id="subcontainer" style="width:calc(100% - 150px); float:left;">[Arms]</div>


<!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4428">Ulna</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="radius">Radius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9331">Interosseous membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6290">Articular capsule</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8252">Extensor retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5050">flexor
retinaculum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5668">Bones
of hand</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6545">Annular
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5672">Bones
of thorax</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="webcraft-test-
post">Bones of pelvis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
838">femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="humerus">Humerus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5679">Sternum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4147">Clavicle</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>
</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-5954898" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">
<i style="margin: 0 auto 10px auto; float: left;; color:#f44336;padding: 2px 2px;
background-color:; width: 20px; height: 20px; font-size: 20px; line-height: 20px; "
class="ts-box-icon-title-icon fa fa-info-circle ts-main-ico ts-font-icon "></i>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.
P.S. Highlight using names WON'T work if you hover over the image even once. Kindly
reload the page to use it again.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
</div>
</div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:33:"Interface HeadandNeckMusclesRear2";a:4:{s:7:"content";s:7186:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[HeadandNeckMusclesRear2] <!-- CHANGE
HERE -->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:32:"interface MusclesofAbdandpelvis2";a:4:{s:7:"content";s:7628:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[MusclesofAbdandpelvis2] <!-- CHANGE
HERE -->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:17:"interface of arm1";a:4:{s:7:"content";s:13807:"<style>
@media screen and (max-width: 800px) {
div#subcontainer {
width:100% !important;
}

}
</style>
<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/bones-upper-limb/" data-


mil="3282">Arms</a>

<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/" data-mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/" data-


mil="3282">Arms</a>

<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/" data-


mil="3282">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/">Ulnar</a>

<a href="https://www.earthslab.com/anatomy/radial-nerve/">Radial</a>

<a href="https://www.earthslab.com/anatomy/median-nerve/">Median</a>

<a href="https://www.earthslab.com/anatomy/musculocutaneous-
nerve/">Musculocutaneous</a>
<a href="https://www.earthslab.com/anatomy/axillary-nerve/">Axillary</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-upper-limb/">Arms</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-hand/">Hand</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-upper-limb/">Arms</a>

<a href="https://www.earthslab.com/anatomy/veins-of-hand/">Hand</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-upper-limb/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/bones-of-the-hand-carpals-metacarpals-
and-phalanges/"><button class="button3"> Hand</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-upper-arm/"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/intrinsic-muscles-hand/"><button
class="button3"> Hand</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/ulnar-nerve-anatomy-course-motor-
sensory-clinical-significance/"><button class="button3"> Ulnar</button></a>
<a href="https://www.earthslab.com/anatomy/radial-nerve/"><button class="button3">
Radial</button></a>
<a href="https://www.earthslab.com/anatomy/median-nerve/"><button class="button3">
Median</button></a>
<a href="https://www.earthslab.com/anatomy/musculocutaneous-nerve/"><button
class="button3"> Musculocutaneous</button></a>
<a href="https://www.earthslab.com/anatomy/axillary-nerve/"><button
class="button3"> Axillary</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-upper-limb"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-hand/"><button
class="button3"> Hand</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-upper-limb"><button
class="button3"> Arms</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-hand/"><button class="button3">
Hand</button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" style="width: 100%;" onclick="openCity(event, 'Arms')"
id="defaultOpen">Muscles of Upper Limb</button>
</div>
<div id="Arms" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px);


float:left;">[MuscleArms]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: -50px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5328">biceps
brachii (long head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-210">Biceps
brachii (short head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4864">Brachioradialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-7546">flexor
carpi radialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-931">palmaris
longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4448">pronator teres</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5996">brachialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5047">Flexor
digitorum superficialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5734">Extensor carpi radialis longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1920">Supinator</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9590">pronator teres</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-5219">flexor
pollicis longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6443">coracobrachialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-8211">Tricep
brachii (long head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4795">extensor carpi radialis brevis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
2780">extensor digitorum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9350">flexor
digitorum profundus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-8753">flexor
carpi ulnaris</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1753">Deltoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1043">Subscapularis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6143">Teres
Major</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9760">Teres
Minor</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 100px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style=" width: 150px;
float: right;
transform: translateY(2%);
padding-left: 100px;
font-size: 8px;"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5328">biceps
brachii (long head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-210">Biceps
brachii (short head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
4864">Brachioradialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7546">flexor
carpi radialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-931">palmaris
longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-4448">pronator
teres</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5996">brachialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5047">Flexor
digitorum superficialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5734">Extensor
carpi radialis longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
1920">Supinator</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-9590">pronator
teres</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 100px;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style=" width: 150px;
float: right;
transform: translateY(2%);
padding-left: 100px;
font-size: 8px;"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5219">flexor
pollicis longus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
6443">coracobrachialis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8211">Tricep
brachii (long head)</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4795">extensor
carpi radialis brevis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-2780">extensor
digitorum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9350">flexor
digitorum profundus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-8753">flexor
carpi ulnaris</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
1753">Deltoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
1043">Subscapularis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-6143">Teres
Major</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9760">Teres
Minor</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div></div>

</div>
</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:22:"interface of HeadBones";a:4:{s:7:"content";s:29533:"<style>
@media screen and (max-width: 800px) {
div#subcontainer {
width:100% !important;
}

}
</style>

<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs </button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')"
id="defaultOpen">Front</button>
<button class="tablinks" onclick="openCity(event, 'Arms2')"
id="defaultOpen">Side</button>
<button class="tablinks" onclick="openCity(event, 'Arms3')"
id="defaultOpen">Deep</button>
</div>
<div id="Arms" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left;


">[HeadBones]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: -50px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8292">Frontal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2184">parietal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9448">Temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7646">Sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4628">Zygomatic</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4395">maxilla</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2478">Nasal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-2451">Lateral
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6871">greater
alar cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5333">Mandbile</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5288">thyrohyoid membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-8886">thyroid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-7287">cricoid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6618">cricotracheal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5928">ANterior longitudinal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8393">teeth</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9124">cervical vertabrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-811">first
rib</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6183">second
rib</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
8292">Frontal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2184">parietal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9448">Temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
7646">Sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
4628">Zygomatic</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
4395">maxilla</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2478">Nasal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2451">Lateral
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6871">greater
alar cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5333">Mandbile</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5288">thyrohyoid
membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8886">thyroid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7287">cricoid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
6618">cricotracheal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5928">ANterior
longitudinal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8393">teeth</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-9124">cervical
vertabrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-811">first
rib</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6183">second
rib</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div></div>

</div>
<div id="Arms2" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left; transform:


translateY(25%);">[HeadBonesSide]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 730px;


transform: translateY(14%); padding-left:50px; margin-top: -100px; margin-
bottom: 210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8190">frontal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7948">Parietal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9012">Sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5053">temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6641">Zygomatic</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9041">Maxilla</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9127"style="margin-top: 2px;">stylomandibular ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-8843">Lateral
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
3670"style="margin-top: 2px;">posterior atlantoaxial ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7775">lateral
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6569">greater
alar cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6881">teeth</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9520">mandible</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1089">hyoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7638">occipital bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-6123">first
rib</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-1874"
style="margin-top: 2px;">posterior atlanto-occipital memebrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7153">thyrohyoid membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-2000">thyroid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
864"style="margin-top: 2px;">ricothyroid membrane and ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-290">cricoid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8738">cricotracheal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-3106">t1
vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1592">stylohyoid ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-617">joint
capsule</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9500"style="margin-top: 2px;">Anterior longitudinal ligamnent</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-2041">nuchal
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-942
Copy">Cervical Vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6493">lacrimal</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<!-- mobile start-->


<div id="subcontainermenukacontainer" style="
width: 100%;
margin-top: 95px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
8190">frontal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
7948">Parietal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9012">Sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5053">temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
6641">Zygomatic</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9041">Maxilla</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8843">Lateral
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6569">greater
alar cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9520">mandible</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1089">hyoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7153">thyrohyoid
membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2000">thyroid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-864">ricothyroid
membrane and ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-290">cricoid
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7775">lateral
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
8738">cricotracheal ligament</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1592">stylohyoid
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-9500">Anterior
longitudinal ligamnent</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2041">nuchal
ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-942">Cervical
Vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6123">first
rib</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3106">t1
vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
6493">lacrimal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7638">occipital
bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6881">teeth</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1874">posterior
atlanto-occipital memebrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3670">posterior
atlantoaxial ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-617">joint
capsule</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
9127">stylomandibular ligament</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div>
</div>
<!-- mobile ending-->
</div>

<div id="Arms3" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left; transform:


translateY(30%);">[InnerSkull]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 850px;


transform: translateY(14%); padding-left:50px; margin-top: -110px; margin-
bottom: 210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Nasal">nasal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="temporal-
bone">temporal bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="occipital-
bone">occipital bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Internal auditory
(acoustic) meatus">Internal auditory meatus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Stylomastoid
Foramen">Stylomastoid foramen</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="Temporal1">Temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="sphenoid-
bone">sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="ethmoid-
bone">ethmoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="zygomatic-bone-
cheek-bone">zygomatic bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="Zygomatic1">zygomatic bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Lacrimal">lacrimal
bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Perpendicular
plate">perpendicular plate</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="Lacrimal1">lacrimal bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Septal
cartilage">nasal cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="vomer">vomer</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Nasal
concha">Nasal concha</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="mandible">Mandible</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Tectorial membrane
of atlanto-axial joint">tectorial membrane of atlanto-axial joint</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Foramen
magnum">foramen magnum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Tectorial
membrane">tectorial membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="C01 Atlas">c1
atlas</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Crista
Galli">crista galli</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Ethmoid
sinuses">ethmoidal sinuses</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="cribriform
plate">cribriform plate</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Foramen
rotundum">foramen rotundum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Optic
foramen">optic foramen</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Superior orbital
fissure">superior orbital fissure</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="palatine-
bone">palatine</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Nuchal
ligament">nuchal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="C01 Atlas1">c01
atlas</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Posterior
atlantoaxial ligament">posterior atlantoaxial ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="C02 Axis">c2
axis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="c03 vertebrae">c03
vertebrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="c04 vertebrae">c04
vertebrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="c05 veretbrae">C5
vertebrae</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: 90px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Nasal">nasal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="temporal-
bone">temporal bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="occipital-
bone">occipital bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Stylomastoid
Foramen">Stylomastoid foramen</div>
<div id="image-highlight" data-imp-highlight-shape-on-
click="Temporal1">Temporal</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="sphenoid-
bone">sphenoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="ethmoid-
bone">ethmoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="zygomatic-bone-cheek-
bone">zygomatic bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Zygomatic1">zygomatic
bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Lacrimal">lacrimal
bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Perpendicular
plate">perpendicular plate</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Posterior atlantoaxial
ligament">posterior atlantoaxial ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Septal
cartilage">nasal cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="vomer">vomer</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Nasal concha">Nasal
concha</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="palatine-
bone">palatine</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Tectorial membrane of
atlanto-axial joint">tectorial membrane of atlanto-axial joint</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Foramen
magnum">foramen magnum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Tectorial
membrane">tectorial membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="C01 Atlas">c1
atlas</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Crista Galli">crista
galli</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Lacrimal1">lacrimal
bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-
click="mandible">Mandible</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Ethmoid
sinuses">ethmoidal sinuses</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="cribriform
plate">cribriform plate</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Foramen
rotundum">foramen rotundum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Internal auditory
(acoustic) meatus">Internal auditory meatus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Optic foramen">optic
foramen</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Superior orbital
fissure">superior orbital fissure</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Nuchal
ligament">nuchal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="C01 Atlas1">c01
atlas</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="C02 Axis">c2
axis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="c03 vertebrae">c03
vertebrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="c04 vertebrae">c04
vertebrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="c05 veretbrae">C5
vertebrae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="-">-</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div></div>

</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

:26:"interface of HeadBonesSide";a:4:{s:7:"content";s:7176:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[HeadBonesSide] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:31:"interface of HeadandNeckMuscles";a:4:{s:7:"content";s:27348:"<style>
@media screen and (max-width: 800px) {
div#subcontainer {
width:100% !important;
}
}
@media screen and (min-width: 800px) {
div#image-map-pro-5572 {
transform: translateY(25%);
}
}

</style>
<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs </button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory System ??
</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')"
id="defaultOpen">Front</button>
<button class="tablinks" onclick="openCity(event, 'Arms2')"
id="defaultOpen">Rear (First Layer)</button>
<button class="tablinks" onclick="openCity(event, 'Arms3')"
id="defaultOpen">Rear (Second Layer)</button>

</div>
<div id="Arms" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left;


">[HeadandNeckMuscles]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 800px;


transform: translateY(14%); padding-left:50px; margin-top: -100px; margin-
bottom: 210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6215">epicranial aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5172">temporalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7204">auricularis superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
3616">procerus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9717">depressor supercilii</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1258">orbicularis oculi</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2168">orbicularis oris</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2312">depressor anguli oris</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9594">mentalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6088">depressor labii inferioris</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4043">nasalis, transverse portion</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-388">levator
labii superiosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
484">zygomaticus minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1150">zygomaticus major</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
946">risorius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5293">masseter, superficial</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5844">buccinator</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7140">digastric</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1086">auricularis anterior</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-662">temporal
Bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9471">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2906">sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
3717">sternohyoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-1839">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1317">trapezius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4886">Temporoparietalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1633">epicranial aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6557">ateral
nasal cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4310">major
alar cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-9660">buccal
fat pad</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
8183">ear</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1799">eye</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4694">corrugator supercilii</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9188">frontalis</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>
<div id="subcontainermenukacontainer" style="
width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6215">epicranial
aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5172">temporalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7204">auricularis
superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
3616">procerus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-9717">depressor
supercilii</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1258">orbicularis
oculi</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2168">orbicularis
oris</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-2312">depressor
anguli oris</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9594">mentalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6088">depressor
labii inferioris</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-388">levator
labii superiosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-484">zygomaticus
minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1150">zygomaticus
major</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
946">risorius</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5293">masseter,
superficial</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5844">buccinator</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
7140">digastric</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1086">auricularis
anterior</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-662">temporal
Bone</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9471">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2906">sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
3717">sternohyoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1839">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
1317">trapezius</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-4043">nasalis,
transverse portion</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
4886">Temporoparietalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-1633">epicranial
aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-6557">ateral
nasal cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4310">major alar
cartilage</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9660">buccal fat
pad</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-8183">ear</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-1799">eye</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4694">corrugator
supercilii</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
9188">frontalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="-">-</div>

<div id="image-highlight-Heading2"> </div>


</div>
</div>
</div></div>

</div>

<div id="Arms2" class="tabcontent">


<div id="subcontainer" style="width:calc(100% - 150px); float:left; transform:
translateY(25%);">[HeadandNeckMusclesRear]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: 85px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
302">sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5303">trapezius</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8040">splenius capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9790">longissimus capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5521">splenius cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-3713">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
5051">Epicranial aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
4773">occipitalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5817">posterior scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5975">splenius capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
3708">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
7212">transversus nuchae</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<!-- mobile start-->


<div id="subcontainermenukacontainer" style="
width: 100%;
margin-top: 75px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
302">sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
5303">trapezius</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8040">splenius
capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
4773">occipitalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-9790">longissimus
capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5521">splenius
cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3713">levator
scapulae</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-5051">Epicranial
aponeurosis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-5817">posterior
scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
7889">semispinalis capitis ( medial fascicle )</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-5975">splenius
capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
3708">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7212">transversus
nuchae</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div>
</div>
<!-- mobile ending-->
</div>

<div id="Arms3" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left; transform:


translateY(25%);">[HeadandNeckMusclesRear2]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: 85px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
3003">occipitofrontalis ( epicranius )</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
9189">temporalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
6411">auricularis superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1331">obliquus capitis superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-3312">rectus
capitis posterior major</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-1799">rectus
capitis posterior minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
313">semispinalis cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2338">multifidus</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-3491">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2315">occipital</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-7721">c07
vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4087">rhomboideus minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9001">rotatores cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5230">posterior scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-708">middle
scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
3244">Sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-4108">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9036">occipitalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
5857">transversus nuchae</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
9567">digastric muscle</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-6334">
obliquus capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
276">iliocostalis cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1586">rotatores cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
1959">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-
8967">inferior belly of omohyoid muscle</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>
<!-- mobile start-->
<div id="subcontainermenukacontainer" style="
width: 100%;
margin-top: 75px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-5230">posterior
scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-708">middle
scalene</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
3244">Sternocleidomastoid</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-4108">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
9036">occipitalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-4087">rhomboideus
minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9001">rotatores
cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-5857">transversus
nuchae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-9567">digastric
muscle</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-6334"> obliquus
capitis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-276">iliocostalis
cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-1586">rotatores
cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-
1959">platysma</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-8967">inferior
belly of omohyoid muscle</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
3003">occipitofrontalis ( epicranius )</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
9189">temporalis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-6411">auricularis
superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1331">obliquus
capitis superior</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3312">rectus
capitis posterior major</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1799">rectus
capitis posterior minor</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-313">semispinalis
cervicis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2338">multifidus</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3491">levator
scapulae</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2315">occipital</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7721">c07
vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="-">-</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div>
</div>
<!-- mobile ending-->
</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:20:"Interface FootMuscle";a:4:{s:7:"content";s:8428:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Sole</a>

&nbsp;

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">First Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Second Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Third Layer (Sole)</a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Fourth Layer (Sole)</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot"><button class="button3"> Dorsum
Foot</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> First
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Second
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Third
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Fourth
Layer</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot"><button class="button3"> Sole</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>

</div>
</div>
<div id="interfacecontainer">[FootMuscle] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:28:"Interface FirstLayerFootSole";a:4:{s:7:"content";s:8436:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Sole</a>

&nbsp;

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">First Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Second Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Third Layer (Sole)</a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Fourth Layer (Sole)</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot"><button class="button3"> Dorsum
Foot</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> First
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Second
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Third
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Fourth
Layer</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot"><button class="button3"> Sole</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>

</div>
</div>
<div id="interfacecontainer">[FirstLayerFootSole] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:29:"Interface SecondLayerFootSole";a:4:{s:7:"content";s:8437:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Sole</a>

&nbsp;

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">First Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Second Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Third Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Fourth Layer (Sole)</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot"><button class="button3"> Dorsum
Foot</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> First
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Second
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Third
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Fourth
Layer</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot"><button class="button3"> Sole</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>

</div>
</div>
<div id="interfacecontainer">[SecondLayerFootSole] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:30:"Interactive ThirdLayerSoleFoot";a:4:{s:7:"content";s:8436:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Sole</a>

&nbsp;

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">First Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Second Layer (Sole)</a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Third Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Fourth Layer (Sole)</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot"><button class="button3"> Dorsum
Foot</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> First
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Second
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Third
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Fourth
Layer</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot"><button class="button3"> Sole</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>

</div>
</div>
<div id="interfacecontainer">[ThirdLayerSoleFoot] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:29:"Interface FourthLayerSoleFoot";a:4:{s:7:"content";s:8437:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><span style="color:


#000000;">Bones</span></button>
<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface">Sole</a>

&nbsp;

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">First Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Second Layer (Sole)</a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Third Layer (Sole)</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot">Fourth Layer (Sole)</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #f39c12;">Nerves</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Arteries</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot">Sole</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #3498db;">Veins</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot">Dorsum Foot</a>

<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot">Sole</a>

</div>
</div>
</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-muscles-of-
the-dorsum-of-the-foot-or-dorsal-of-the-foot"><button class="button3"> Dorsum
Foot</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> First
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Second
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Third
Layer</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-foot/#content-plantar-
side-of-the-foot-muscles-of-the-sole-of-the-foot"><button class="button3"> Fourth
Layer</button></a>
<button class="button1" style="background-color: #f39c12;background-image:
url(https://www.earthslab.com/wp-content/uploads/2017/09/brain_1f9e0-
1.png);background-repeat: no-repeat;background-size: 22px;background-position:
right;padding-right: 3px;background-position-x: 112px;">NERVES </button>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-foot/#content-sole-of-
the-foot"><button class="button3"> Sole</button></a>
<button class="button1" style="vertical-align: middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-dorsum-of-
the-foot"><button class="button3"> Dorsum Foot</button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-foot/#content-sole-of-the-
foot"><button class="button3"> Sole</button></a>

</div>
</div>
<div id="interfacecontainer">[FourthLayerSoleFoot] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:35:"interface of HeadandNeckMusclesRear";a:4:{s:7:"content";s:7184:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[HeadandNeckMusclesRear] <!-- CHANGE
HERE -->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:28:"Interface AnteriorLegMuscles";a:4:{s:7:"content";s:6643:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><a


href="https://www.earthslab.com/anatomy/bones-of-the-lower-limb/#content-
interactive-anatomical-interface"><span style="color:
#000000;">Bones</span></button></a></div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface">Anterior</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface">Posterior</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a></div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a></div>
<div class="dropdown" style="text-align: center;"><a
href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-interactive-
anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a></div>
</div>

</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Femur</button></a>
<a href="https://www.earthslab.com/anatomy/tibia-synonym-shinbone/#content-
interactive-anatomical-interface"><button class="button3"> Tibia</button></a>
<a href="https://www.earthslab.com/anatomy/fibula/#content-interactive-anatomical-
interface"><button class="button3"> Fibula</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Foot</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Anterior</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface"><button class="button3">
Posterior</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[AnteriorLegMuscles] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

:29:"Interface PosteriorLegMuscles";a:4:{s:7:"content";s:6644:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><a


href="https://www.earthslab.com/anatomy/bones-of-the-lower-limb/#content-
interactive-anatomical-interface"><span style="color:
#000000;">Bones</span></button></a></div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface">Anterior</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface">Posterior</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a></div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a></div>
<div class="dropdown" style="text-align: center;"><a
href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-interactive-
anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a></div>
</div>

</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Femur</button></a>
<a href="https://www.earthslab.com/anatomy/tibia-synonym-shinbone/#content-
interactive-anatomical-interface"><button class="button3"> Tibia</button></a>
<a href="https://www.earthslab.com/anatomy/fibula/#content-interactive-anatomical-
interface"><button class="button3"> Fibula</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Foot</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Anterior</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface"><button class="button3">
Posterior</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[PosteriorLegMuscles] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

:22:"Interface FemurMuscles";a:4:{s:7:"content";s:6638:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #ecf0f1;"><a


href="https://www.earthslab.com/anatomy/bones-of-the-lower-limb/#content-
interactive-anatomical-interface"><span style="color:
#000000;">Bones</span></button></a></div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #e74c3c;">Muscles</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface">Anterior</a>

<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface">Posterior</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a></div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a></div>
<div class="dropdown" style="text-align: center;"><a
href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-interactive-
anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a></div>
</div>

</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Femur</button></a>
<a href="https://www.earthslab.com/anatomy/tibia-synonym-shinbone/#content-
interactive-anatomical-interface"><button class="button3"> Tibia</button></a>
<a href="https://www.earthslab.com/anatomy/fibula/#content-interactive-anatomical-
interface"><button class="button3"> Fibula</button></a>
<a href="https://www.earthslab.com/anatomy/skeleton-of-the-foot/#content-
interactive-anatomical-interface"><button class="button3"> Foot</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/anterior-compartment-of-the-leg-muscles-
arteries-nerves/#content-interactive-anatomical-interface"><button class="button3">
Anterior</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-posterior-compartment-of-
the-leg/#content-interactive-anatomical-interface"><button class="button3">
Posterior</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-lower-limb/#content-
interactive-anatomical-interface"><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[FemurMuscles] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:23:"Interface ThoraxMuscles";a:4:{s:7:"content";s:8534:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface">Respiratory System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/muscles-of-the-back/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs </button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/ "><button class="button3">Reproductive System
</button></a>
<a href="https://www.earthslab.com/physiology/Endocrine-system/#content-
interactive-anatomical-interface"><button class="button3"> Endocrine System
</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')"
id="defaultOpen">Thorax Muscles</button>
<button class="tablinks" onclick="openCity(event, 'Arms2')" >Back Muscles
(Superficial Layer)</button>
<button class="tablinks" onclick="openCity(event, 'Arms3')" >Back Muscles (Deep
Layer)</button>

</div>
<div id="Arms" class="tabcontent">

<div id="subcontainer" style="width:calc(100%); float:left;


">[ThoraxMuscleLayers]</div> <!-- CHANGE HERE -->

<div class="clearboth"></div>

</div>

<div id="Arms2" class="tabcontent">

<div id="subcontainer" style="width:calc(100%); float:left;


">[BackSuperficialLayers]</div> <!-- CHANGE HERE -->

<div class="clearboth"></div>

</div>

<div id="Arms3" class="tabcontent">

<div id="subcontainer" style="width:calc(100%); float:left;


">[BackDeepLayers]</div> <!-- CHANGE HERE -->

<div class="clearboth"></div>

</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div> ";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:28:"Interface HeadandNeckMuscles";a:4:{s:7:"content";s:7181:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[HeadandNeckMuscles] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:25:"Interface DigestiveSystem";a:4:{s:7:"content";s:7621:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[DigestiveSystem] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:25:"Interface EndocrineSystem";a:4:{s:7:"content";s:7604:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface">Respiratory System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/ "><button class="button3">Reproductive System
&#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/Endocrine-system/#content-
interactive-anatomical-interface"><button class="button3"> Endocrine System
</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[EndocrineSystem] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:28:"Interface ReproductiveSystem";a:4:{s:7:"content";s:7624:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[ReproductiveSystem] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:34:"Interface FemaleReproductiveSystem";a:4:{s:7:"content";s:7630:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[FemaleReproductiveSystem] <!-- CHANGE
HERE -->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

:27:"Interface RespiratorySystem";a:4:{s:7:"content";s:7607:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface">Respiratory System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-Thorax/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/ "><button class="button3">Reproductive System
&#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/Endocrine-system/#content-
interactive-anatomical-interface"><button class="button3"> Endocrine System
</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-Thorax/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[RespiratorySystem] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div> ";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:21:"Interface SenseOrgans";a:4:{s:7:"content";s:7174:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="dropbtn" style="background-color: #ecf0f1;"><span
style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface ">Respiratory System</a>

<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface ">Sense Organs</a>

</div>
</div>
<div class="dropdown" style="text-align: center;">
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<button class="button1" style="background-color: #ecf0f1;color: #2c3e50;background-


image: url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat:
no-repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface"><button class="button3"> Front</button></a>
<a href="https://www.earthslab.com/anatomy/skull/#content-interactive-anatomical-
interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface"><button class="button3"> Front</button></a>
<a href=" https://www.earthslab.com/anatomy/muscles-of-head-and-neck/#content-
interactive-anatomical-interface "><button class="button3"> Rear</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/respiratory-system/#content-
interactive-anatomical-interface "><button class="button3"> Respiratory
System</button></a>
<a href="https://www.earthslab.com/physiology/Sense-Organs/#content-interactive-
anatomical-interface "><button class="button3">Sense Organs</button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-head-and-neck/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[SenseOrgans] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:23:"Interface UrinarySystem";a:4:{s:7:"content";s:7619:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[UrinarySystem] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}
:21:"Interface PelvisBones";a:4:{s:7:"content";s:16841:"<style>
@media screen and (max-width: 800px) {
div#subcontainer {
width:100% !important;
}

}
</style>
<div id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>
<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs </button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System </button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System </button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer" style="margin-top: 30px;">
<div id="containerforarms"><div class="tab">
<button class="tablinks" onclick="openCity(event, 'Arms')"
id="defaultOpen">Front</button>
<button class="tablinks" onclick="openCity(event, 'Arms2')"
id="defaultOpen">Rear</button>
</div>
<div id="Arms" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left;


">[PelvisBones]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: -50px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="ilium">Ilium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="inguinal
ligament">Inguinal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="iliolumbar
ligament">iliolumbar ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="pubis
2">Pubis</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="ischium">Ischium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Obturator
Membrane">Obturator Membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="iliofemoral
ligament">iliofemoral ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Pubofemoral
Ligament">Pubofemoral Ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1433">Sacrum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="sacrospinous
ligament">sacrospinous ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Posterior
sacroiliac ligament">Posterior sacroiliac ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
4840">Anterior Sacroiliac ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
3575">Vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7622">Intervertebral disc</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="femur">Femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
7217">Perineal Membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="Ischiogluteal
Bursa">Ischiogluteal Bursa</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-7979">Pubic
Symphysis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="rect-8440">Greater
Trochanteric Bursa</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<div id="subcontainermenukacontainer" style="


width: 100%;
margin-top: -45px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="ilium">Ilium</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="inguinal
ligament">Inguinal ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="iliolumbar
ligament">iliolumbar ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="pubis 2">Pubis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="ischium">Ischium</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Obturator
Membrane">Obturator Membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="iliofemoral
ligament">iliofemoral ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Pubofemoral
Ligament">Pubofemoral Ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
1433">Sacrum</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="sacrospinous
ligament">sacrospinous ligament</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Posterior sacroiliac
ligament">Posterior sacroiliac ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-4840">Anterior
Sacroiliac ligament</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
3575">Vertebra</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
7622">Intervertebral disc</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="femur">Femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-7217">Perineal
Membrane</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="Ischiogluteal
Bursa">Ischiogluteal Bursa</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-7979">Pubic
Symphysis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="rect-8440">Greater
Trochanteric Bursa</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="-">-</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div></div>

</div>

<div id="Arms2" class="tabcontent">

<div id="subcontainer" style="width:calc(100% - 150px); float:left; transform:


translateY(25%);">[PelvisRear]</div> <!-- CHANGE HERE -->

<div id="subcontainermenu" style="width: 150px; float: right; height: 600px;


transform: translateY(14%); padding-left:50px; margin-top: -50px; margin-bottom:
210px;">
<div id="image-highlight-Heading">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
1103">ilium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2325">Ischium</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
8415">Pubis</div>
<div id="image-highlight" data-imp-highlight-shape-on-
mouseover="sacrum">Sacrum</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-
2752">Coccyx</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-3863">Pubic
symphysis</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="femur">Femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-mouseover="poly-4308">linea
alba</div>
<div id="image-highlight-Heading2"> </div>
</div>
<div class="clearboth"></div>

<!-- mobile start-->


<div id="subcontainermenukacontainer" style="
width: 100%;
margin-top: 80px;
"><p></p>
<div id="subcontainermenukacontainer1" style="
display: flex;
width: fit-content;
margin-left: auto;
margin-right: auto;
"><p></p>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div class="clearboth"></div>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-1103">ilium</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2325">Ischium</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-8415">Pubis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="sacrum">Sacrum</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
<div style="width:5px;background-color:#d2d2d2;margin-top:34px; margin-bottom:
10px;"></div>
<div class="highlightmenumobile" style="
width: 50%;
margin-left: auto;
margin-right: auto;
margin-top: -40px;
"><p></p>
<div id="subcontainermenu1" style="
width: 100%;
float: right;
transform: translateY(2%);
font-size: 8px;
"><p></p>
<div id="image-highlight-Heading" style="font-size: 13px;">Highlight</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-
2752">Coccyx</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-3863">Pubic
symphysis</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="femur">Femur</div>
<div id="image-highlight" data-imp-highlight-shape-on-click="poly-4308">linea
alba</div>
<div id="image-highlight-Heading2"> </div>
</div>
</div>
</div>
</div>
<!-- mobile ending-->
</div>

</div>
</div>
<div class="clearboth"></div>
<div id="containerforinfo">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

<div class="box-detail-wrapper" style="clear: both;">


<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

:20:"Interface PelvisRear";a:4:{s:7:"content";s:7616:"<div
id="anatomical_interface"><nonono>
<h2 id="content-interactive-anatomical-interface" class="ftwp-heading" style="text-
align: center;" data-fontsize="25" data-lineheight="37"><span style="font-size:
25px; color: #e74c3c;"><strong>Interactive Anatomical
Interface</strong></span></h2>
<div id="menucontainermobile">
<div class="wpb_wrapper">
<div class="containerformobile">
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#ecf0f1;"><span style="color: #000000;">Bones</span></button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/muscles-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Muscles</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<button class="dropbtn" style="background-color: #9b59b6;">Organs</button>


<div class="dropdown-content">

<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface ">Digestive System</a>

<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface ">Male
Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/female-reproductive-system-


locations-functions-female-reproductive-organs/#content-interactive-anatomical-
interface ">Female Reproductive System</a>

<a href=" https://www.earthslab.com/physiology/urinary-renal-system-anatomy-


physiology-structure-function/#content-interactive-anatomical-interface ">Urinary
System</a></div>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#f39c12;">Nerves</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#e74c3c;">Arteries</button></a>
</div>
<div class="dropdown" style="text-align: center;">

<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="dropbtn" style="background-color:
#3498db;">Veins</button></a>
</div>

</div>
</div>
</div>
<div id="menucontainer">
<div class="wpb_wrapper_arms" style="margin-left: 50px;">

<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button1" style="background-color:
#ecf0f1;color: #2c3e50;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/2620.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
10px;background-position-x: 106px;"> BONES </button></a>
<button class="button1" style="background-color: #e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f4aa.svg);background-repeat: no-
repeat;background-size: 22px;background-position: right;padding-right:
20px;background-position-x: 112px;"> MUSCLES </button>
<a href="https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface"><button class="button3"> Anterior</button></a>
<a href=" https://www.earthslab.com/anatomy/bones-of-the-pelvis/#content-
interactive-anatomical-interface "><button class="button3"> Posterior</button></a>
<button class="button1" style="background-color: #9b59b6;"> Organs
&#x1f440;</button>
<a href="https://www.earthslab.com/physiology/digestive-system/#content-
interactive-anatomical-interface "><button class="button3"> Digestive System
</button></a>
<a href="https://www.earthslab.com/physiology/male-reproductive-system-locations-
functions-male-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3"> Reproductive System &#x1f466;</button></a>
<a href="https://www.earthslab.com/physiology/female-reproductive-system-locations-
functions-female-reproductive-organs/#content-interactive-anatomical-interface
"><button class="button3">Reproductive System &#x1f467;</button></a>
<a href="https://www.earthslab.com/physiology/urinary-renal-system-anatomy-
physiology-structure-function/#content-interactive-anatomical-interface "><button
class="button3"> Urinary System </button></a>
<a href="https://www.earthslab.com/anatomy/nerves-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#f39c12;background-image: url(https://www.earthslab.com/wp-
content/uploads/2017/09/brain_1f9e0-1.png);background-repeat: no-repeat;background-
size: 22px;background-position: right;padding-right: 3px;background-position-x:
112px;">NERVES </button></a>
<a href="https://www.earthslab.com/anatomy/arteries-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="background-color:
#e74c3c;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
21px;background-position-x: 112px;"> ARTERIES </button></a>
<a href="https://www.earthslab.com/anatomy/veins-of-the-pelvis/#content-
interactive-anatomical-interface" ><button class="button1" style="vertical-align:
middle;background-image:
url(https://s.w.org/images/core/emoji/2.3/svg/1f49b.svg);background-repeat: no-
repeat;background-size: 20px;background-position: right;padding-right:
12px;background-position-x: 101px;"> VEINS </button></a>

</div>
</div>
<div id="interfacecontainer">[PelvisRear] <!-- CHANGE HERE
-->
</div>
&nbsp;
<div id="containerforinfo" style="clear: both;">
<div class="wpb_wrapper"><i style="margin: 0 auto 10px auto; float: left;;
color:#f44336;padding: 2px 2px; background-color:; width: 20px; height: 20px; font-
size: 20px; line-height: 20px; " class="ts-box-icon-title-icon fa fa-info-circle
ts-main-ico ts-font-icon "></i><br>
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 14px; font-weight: bold; margin-bottom: 0px; text-align: left; font-family:
Titillium Web;">Please hover over the figure to get a brief info about the body
parts.
To get the elaborated info click on the body part.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 20px; font-family: Titillium Web;"></div>
</div>
</div>
<div class="clearboth"></div>
</div>
<div id="containerforinfomobile">
<div class="wpb_wrapper">
<div id="ts-vcsc-box-icon-9141785" class="ts-vcsc-box-icon icon_top-style ts-box-
icon " style="margin-bottom: 0px; margin-top: 0px;">
<div class="ts-css-shadow " style="background-color: #ffffff;">
<div class="ts-icon-box-inner top-side " style="padding: 10px 10px 10px 10px;">

&nbsp;
<div class="box-detail-wrapper" style="clear: both;">
<div class="ts-box-icon-title" style="width: auto !important; color: #001d5b; font-
size: 12px; font-weight: bold; margin-bottom: 10px; text-align: center; font-
family: Titillium Web;">Please rotate the device for better visual
interaction.</div>
<div class="ts-icon-box-content" style="margin-top: 10px; font-size: 14px; line-
height: 14px;"></div>
</div>
</div>
<div class="clearboth"> </div>
</div>
</div>
</div>
</div></nonono>
</div>";s:8:"disabled";i:0;s:10:"hide_admin";i:0;s:7:"devices";s:3:"all";}

Potrebbero piacerti anche