www.defense.gov Open in urlscan Pro
2600:1401:4000:1ab::3a30  Public Scan

URL: https://www.defense.gov/Multimedia/Experience/Common-Threads/Common-Threads-Army/
Submission: On November 18 via manual from US — Scanned from DE

Form analysis 1 forms found in the DOM

POST /Multimedia/Experience/Common-Threads/Common-Threads-Army/

<form method="post" action="/Multimedia/Experience/Common-Threads/Common-Threads-Army/" id="Form" enctype="multipart/form-data">
  <div class="aspNetHidden">
    <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="">
    <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="">
    <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE"
      value="eONIfJtlvtCvWLN3pyVmvW7b3IsELlFlnNcMA9b6iQTortUgx1IBmY3MkH38U54PPpyidAGrorfWxjaoCKjGhvEBHVJcQJ5RYrh0GRzjSwACBuUaK1Gn0XPwleZD2bxuuccjWqkcV3n5x79x2++fKwu6Ja7Yrz7nbUlv6MpKmwH7Kmurv70CQnDOu54PBj98yjJnbSQ6Ea4wY51tDRlbQ8xaKVehKFU7XxnX6rypz0kSLOy1MMCBu2VmSOp3tUXIIlCuM5GPIZPfbyDAoVe42tax5/uSILD8e6Ss8RoGGgQl4ecB9LBM8+xzSYOhaIdSJAF4KPp7MPEPRd2jS02+A0wvQwefqiRng7/9nO1Dp9wZ0/YPqNshDiz7Mua6ByJS2IWRMSG5Ek1HpKUFaGTblUOuYiRMn8tYaR3f1BecKjOyXzZQ/K83yIwMAaIAjs2pZQCFi+TovqhgSrhyINuGb5PSGuQZMm6djdgUMJoEOV2aNBJ0j4JxtnwRCRQfwJkl3wG+MZCNbaBj1YJB0lT9CqpO1v44cmCutGoEuEuYaQiVBjlazRckOFfbKr6bZC+Xm5ys3W+PDZe9WU7QSETReRyWknkvw40ysUJ+tribKU08GUwLZTA24FfQqRrz8PL6UsX9sfAFuhJ6Qp+OkyOVdYWKBRY23SGqh6WhL3eEUtE9+WJvKDuCII1TLhfUD0u8NGQq2VY3vw5STr6FG4mlAz8PCoM+58/2WpOzvzaFqL8OQuC6d0FeoH1Xo7StkXQKgGK74sUF7lFKKbPeAbVjL6OgOOPRxn0/meZV9IlPgCdpFCGLALxo8h3HlGIwh1chHa8K4yWaSXsa6nqfn4WUPPQ4HW5r86y6227+MTJF537gU/UEJHRC35qrEu1lesVFOh/KWffdBiNqIv9Z6mGzjoXukOh4Dj5xpK0nt8ElnyKrgWApK7V8BhzyBP7/uy5kZSyfYd0yZ/SZci4ONDCE1k2C3enqr9Twti9albXi+rhdsBbMC/cMStNZu4S0i3BO4jFLqWMKAlFhXyce9wZt70SvgsHDI02ZPfrtQqjhp3lOyVmYUDUve34KxRH8Wuvexrt+qmXERwmSC8IoaIxwP66sRGQBXvqPa3kwpGUpoZDlKxdmB/DqNivKt0j9WvGnCJrpazDt4foM1gsJn0/JX98dEsdCF18fJYt3Xwsh1XcL/4Ds2wOr09/UTnhyZejs3vsiCX9uaMi6LIy+fsw/4ySgfV8yMLCugNgi1ujQmOwBXX0HYqUNvV/0Xx9F65exvoaO0B4eE7sSPp8LezlgD+DQdLGCjhqnp0hAbShZ+By3Tps7yrGhFAc+USSBCkDRtBFrYH7iPqqd+1D+Bskz5DRqidDI+Pp7IcQta+R8y0IocmN54rjE5vIId0GLvYqkvtGBqAUIOSTR4p3C37QTUynrCHAf4YLhw5BAXDXw4BpGQc97cgQVHc1vpMfeID4jbq9+CPKhFN1z/wlTd7CtCqniwKudIHltYhOHpXFF8FePr71xgyH9a1xkBp7u82dvAlPPMzf0GRlmUMxU23H+MGk8rjTWoIlXv9dI+GRmEcN6kdmlsP6x+koGdH2COp+cex6uKq055ZHLFEhE9LFQoqNOJN155kSo5fDw/q1OYNS+PNRm2LFgViuLzVTQC+6gliTYE+yQjm/D2B95De7fSgNCMt5BvFA0L7zzmVNr86z/H/IxZGQWvsV0KbHdTvMK90r2kzsyOM1G5Yx5mOcuXwdSrDFJny0H8Yy5zjtpTqZ9/9dZSOxiPys4R2H2rqM9A/nrqv3vAZPPWxkqYBYBEgoKmgVEX39p+oXezvWndwio4JL8U8ntKfOahVy+wTTBCxqdYEVXcasSIW3O0cji2Mi5NzyYfR1NUpUtw2HzOAFm7ctrfTmRP1t6sHA0Ab/JiUF/sE1Uke6rtzoJw/5fuWBOggiIoRo2jPGHg1S8kJY0vRz08FkLVaBxQTN67frtI9sBgXfUKyWfHz2oSO4qrtw2F8PrUS8BU7Z9mbK71Plc/anZgJCU/7ijXk5mcG0K4MZoogRo32d0xCV010FSneNCYhaacINDdLD2mV5o2j6iaIkstEYVFB/Fb2sw9lNrmc+NMZvZSLQP8Uhyz/Te4Uz3YfiLcUWmJ0XDWQYApXhAPkp94Y/1+8ccEg0HeUF8XTqDHNN7rRNrYY5iGi2QJLR01SFhObxWW8EBnsWcifFhZQUUGpaRcRYD195MntERS3JXaZzwlshSBcSFGxb/f91U4x0Bx0Ic8Z+LIfHvs7B1qvCvI4KcGeza9WtopkvSyV3RMbpBrA12FuO2UkGeBpTGwLUxhmn2Qga1G4KxJT+0JInu+qYf9oncNTiegqMF5n9We3Mqo6wSlvWaJsbivl/XE7Y62wextCsPL55kkszizmuFmXlziBOqTxq0+ks5ehM+ZTrnQOUl3HffnAV9sJoYw25Ie+ksqBnLt5StB/MThYH7QvAGPqmlYnx2oEJ7oW0Ud7q9wEes9EpT79FWt/r7CPRee6ESJXT5urPAhz2bBabrLPEbiOqmkAE8IXOkJ/+AQlCUrmztnMkkH0WcJYbK9LhoKYF9CzVfpfZbwKUR2ko9p5Cn3fJPxs1j4rvK1PigCfM0KVm2dHNmVemGR2nSLAAqKNFrD/YLgOePRXgwfF1qDsGSXyRu4KSqlHYL3TdL3Csie1eV1levfr3k1XSBa4q7OoAPVqE7yXLv5awPIXetT6bFr7N9pVfJuKyRGr8ONKpewoo9TizrUUvHfEo2/3oE4bfamvbxDjFNuPq5QijgyEHDedztGcFiBm8Bo9bQAHCY7KOD9djaauYrQ6vxBPwfiZwqbRehYQWS6TeA9qb/olk30HGgLkIpJ0UmnSUbpyMl2x6ErpPis8NN1YGQPmRjpHbX7F9dvB9WfXXNuRm/WrxMqLirNo7m8XKoKaiSKbB067ADwF4iZRT5abZhg5isDHBljnoWL+aPmOMJzi9AT3s59BvoL2vKD9eKRCK0EKJrAmmt3Gi6+u9lZ/pgZIXIKB9ocykenDs1hZwikMEQJDhhlIWdGufoLhaJlmryc1mq4L5d25hw8GDLu720zMgT+BS59Tc0KNnrJBgxGFv1dwBaiGCgMmS0+Oupp/6FWCzxvvIWgBQ2Kq64qu7ChkqXNW/UgkXK73hauRshhJ6dcO0jP3OjzYbcgI+K1lMmiz24AtWfc3XiMdk5fA8Yor7jGUjjoeKaWu+LeB1fDkH5U7mKjd7vY5SUrnm9+53IaXcwvg2Fi7kTq9S6dvPXj/WIHybNjwGSo/zh7T9QIvrFArvrl0fLy/sBOrdkZWY+Qt5jY5snXwxy18ZsIUWRTJ1vJ7qgcTwBpSMlb852kv9GEVRmsaM3tPLCe25vkcQGWt02q47z6JpjDPQ1IKEj3h0qhteuFE7eV0wnWXuPXbo7fXlxbuIackxf1grG+H3i6Tco75h9SqpP4ImNlt2TBsnq6eaAEVBfKUoO85cb1HSAMvu9oEa99i8RQDNpEm7P3QDEJ6Pu09/QfoMdiF4nOn1/2OxZcx/m8al8qzElyddEdd7/cjGevwEnZ+A8JPEBmyUklYNS0RgjnvlJmTO1eDRW/3dDaGKua0kDgVeW2c5XkFX78ljZ2OR/38poO+8e3PcTe54314UOGbFS1sIACck0enOvXBeuEfFaMFckgiZ/npB167SzHs2V82pp27UE+LHMKoaq+KdOnpQshOJ/+Y8Guln8bridZr9aO0H6U65E3y6RKt8f7gBh0qwycc6AbkiqhmhNp9acceiiwk+ecfPkJzlSAlJBKw6xOMfLbdayVpHVX9a8cnX8F2yj86bLrr4iIxuMUDpfIVCL4eQr3aIygrc31SxFEn2hZymkPn9Ju+5lNlnLo6hoa+TSIe4CqQW7eLavxBzt21bsm7WZ1li2GsCRvXoNNtK9wc9xiym7s5kvNPBxVeF9f4en2AM83lzUmto4N7zO3XA9B4hjnvUAwMQWfyTFCv0lopgXCf/G0nhCPOAl3Gv01P7A7fSAG6GKhApx06AyVUW7PeLva4jOUXbZUhHOBd3h+SduHD7+W+8uAeIep/1um8Ctw5WPUKD3B+Y62Yd7itt6BcJrCIfDPnz65ntnRhwBVTlgoMu12nJBh94KKZtxVJAPUXvyCtNpA/tjfvlOL+/DFgYPYjkMRdbXNtzS6AIU75n+perHsbqBJls2dYj/u3nyDw2qB/5fwtEqpCFCdkZN0RYTfugHSaztxlIgr+RLGtinDw9fHtK99rPhkaWQNBiC81Il0N57yWXCW69mfrP19NcNkMqW7+x0RdThlq8Eg5dkz5Rh4RtVJC05zoeAQK6Tuy1izzKyas7pErbviEZim6n3SVnN/U49ibI0v5q+5WToZor7gjesHN31tEqYNPXflTOHfe5LxWFr9F78/gvDWQRT8faMQm69I6p0LzRptg0bIGzYi2p+r7o5Bn2hKh93N/MnO8xUG+K6hwxd9Br18k5ptTktJa2hy5J0+uDZREQ++FXvBfNDNQlmSXsu0CWpwI3WHovxKtLlWaov6tgLm81e+7mrdWiLgmSRwg6PsHxiKxm5yc8Lg3BFr8Vs4a2ejBinHXrsZXCJr5oaBVuMTUEzOdnm95zYHWYxP+OBLMlnPthpCPd+fKQLOtds409uoVRApopQrh/bG15Qsj0QhvzJPdsIysTR8vUol69h+JTOQ/vB2c35k7D9rRLsrV7+xl7vgxNBuV9F0bvIN0p536t1cL5EBqmL9zEun4kNLYBm5xql+082+RkDOSji6o41p7wDx88VQe1zlqOVK0Pf0tp7Tj0B6qyLDQFPCudV9Yv0tDkkkagR6B7zzt49Z5l7k8pxNGAPNieRuJYtmZ+QzyONWAMYY16BFwrein3z9+uAUfRXnsbe1sP+ZgKz1qqo5qHlRhBreGLYvdfC7xB1FunwqP//VYlrR37JG7V6IOBSkTNfzCVdr3ruZXKa4LzBQTNe7tLkdB4hUXVesWwuCictEL004Ru9rpSi1weaFO6XroDmlk95PWFJTxkO9woiBjQTNKSOoKll2ZB53iAhdwmFPaIiVzVDTU5dLZUjsOO+IpOkK7gaa1ppxQ5EYWC0AnImAhxIyrON4NcaEaRPKjkEdpCnXTMfkmtiIYS+/tUmGDVifV4TGpuCdMHMKD1OT+36KZCsPjOZB73QZqvbZZ6Effr8RWQQ1IvK2HiRl22QDqqPmsbWdEKLxd/hUCqvM1SjAz6l0DsnPxHwp3lxielZPDhRC9FzgdfY6yD4rZ6hVdbkuV48NtX04lOErgPaxT+//fmBap81lHOjK873pChXuTe4S/Bf+RiWwm3spUoBE41Da+yjngzLBMhsKE4rSY8MTyPsoBWD/zeRpnQvxM2l7wFcEskcmi1Gzyhu6V2sKMQNaNqoi/LXUC8g/TzEC4NPL71tQtgCZzCOZ4KUpAmipPRMH1ubYRLe4y096+BH8TMFsGyjK8D+N9X0UbGL7vf2nxRQJWXLtTcbUEc2E/hXsb1k/akmqB0GrvibkO+tQngMsnE35m3wpuMpmzBzIUQALZICLuEG3OQ1zIgwrSErPu7GpYpPCr9Bck+pM6Wb9QdF/FS5+C8iXTzeFUBiARxngxgBzfZaUrntBImXJlhZ7KFab+rBmgLJ0B1a3GQHMc1XPy4NMoUVxfvYLmOYTUXGpwflXLunqsY42b3/Tu4VwacEKpLRuFo4GtnYMj8W9cWNSseruSXHVggF6Qo8qOm7EiqvD0ejHBQKuY+x29p0vqYaL7wRQvcOrdpAuyEnF5+Exlgor2Aa1hsLYtfFIsIgmJVdttwN00h7Qo5dq2z/oYnGKvETCEPmvS4pvrAHAAUCjAElxBF97ixylwDlGnuvYkFov0KLygxAJARi6gwnUPdlpQZApqkkWtRlYaXeyTdy3hrpS9Gwjs4I/PMKMLSubJlkaLyyE0wZrotwnVidzEbn4AayzdDMWG306hEA10HvbL3LXWeDg0FrltuX97XuZKAV+6YuHOl33HvtW3FuOfyDnW6KhcR0GdbJFhc6S2FFeM+kcKjA7ppDbQ8p11aeguz4+5xR5Ru/ZpBqXPKWadzwx4Blrs/RDsu5RkcRzm83QZw49wdllUH9p36YujNdCH/Uc5DNSjWSl1AlID+FjywWY3q5kDJoOI/HfbcROT+SrXfCTFW+ooVtQkCl6xegtHa8A8TvRDWMhpKjWpmsTs6hz7zWFfifMnWK1xRn6sON/Crh0L4ByPj7mSQF/KL+HpEkUeqDxZ24Uii3cwvBc6+jUc4hN/QW3h0p/X5/kcnizALoVshJ6FCneHqEuIl02yoRNl0h/4ran+5dDWQSRPK6SCIeo+/4p9iWnDX6cM9h71ojwsJwqXyCVICCiv1ZDfuX2Qt/S6DsRTYxJhQ6/5Jguh7MSoELiirAsI9BNcRwZSXWyW5a+yKqMLDZr1Snzs4rA/eynV71StYbankWV2U26h48UoGFnxMWLYd9aGhMu0iJPNWxC3MH3urs8Hs2NHtLKqDA7N7OUi2LKS31QTshxns/56THhTQ7kqj6pViyT5eP7KSckyHDCfkSQS72RvNiVw3YeruSyE0AEz+V+xhz+AMO+lof9+P57c0SOanKvExiUiEvHp4alOSMp6fFoHI9NygleZb173dChbx/mkUQHdvw/V3OjC2qBUzviecmZssYpKkB1bDJMb+TvWAEvOUOtf40em5AYmuQUq76Nu80VPbI53nF1SDWjeey0c4i014S3WZcFOyi7sJDDq5u4DuuAYvkkggJzXYKjtKwevGZeZvnJe7rla4jGYxHfElSUo1cdDCf967YuWoBXnsuNOukalOCfE4rXDWfsZ0Wy88GWZF6bgxBLY+8ETYTPJWbJNRlSKSEG0Vk12iBoXk2b67Uud7RbVtHgUC7cQmReCzBaxNOcNFWwN9LGpIxwj/pQIm7vtl0WXeWASfaff0xwZ7UmJcYi71O/b2FFaM8XwwYDeaY8rlvxqt6fNt7bJM9Hm4ijOGm0v/g841yv7bWS72whVggcUxtEr4mKuWFiSEDh+uM0Mxq1QunljUzElVUOb1ko5NuXzkGp0eNNcrTX/yWd3RwJKBMrvOhzleVnevBVkQVqr2pGpTIQ+TQgNs9wQl86+sfDeqrLPA/0GiOkiUIPylmK8v+YW6rloJ3mJLgDBzLFZhv+JPyosdjJHRZTySgSLZH4EUxcBTs6P5hobhhCukiTcSTora3a+BJ1nTohQAb5AxqfR8RzHzEDdVlxvdAtsY9k3H++IMmjclZ0ajlQil/5ntqT8NiZl6geXAGbszPT5+O6eKQI9ZAmLd65bZL/OqZ0klBRPWKwHLmJiWaKuy2iNrDUfbLgaWNEU1KAFlHBky80XfOo6hetpjYwT/2Vj4B7zyEM5d60Z2vNy5dO2JPT1bzKSCPYSveR4TlBk9d6dKHXvgTlmXAhwrfPb/upk2RrOnFccsDMdIvvZrVc8FPce5Zqf4CAx0weUAFQH2aH3vTlVT8qRUacCy+XbGO1y2tzL8j/dwSVeavyfXUF8nchZo5LL1L0w5FqiDRaWfSJOrQ+uzJ42QDRIfJAYYKeAp5HCpZTAghL/EJM+quz3Mue6UbETSgMf2BG+tp2XJV6yGCdvv6oeEHZX0VP1KmarNfIQ9PD4v9P8oWMjYOexFVz+k6I78uXoru7iT152ncne5Q2RHP1jjwRxH2YwLwcTVET33Kem11iqAfsw==">
  </div>
  <script type="text/javascript">
    //<![CDATA[
    var theForm = document.forms['Form'];
    if (!theForm) {
      theForm = document.Form;
    }

    function __doPostBack(eventTarget, eventArgument) {
      if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
      }
    }
    //]]>
  </script>
  <script src="/WebResource.axd?d=pynGkmcFUV16vn23mRKJ3YfxgZO6Vg-qfn4DLZzvdN4FsDO3JF6o8Ai9U2w1&amp;t=638563127773552689" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=NJmAwtEo3IqOv4sUh-Rig0r8ribOsOru6PRUuOPeOUTxaLr0LkqwjUZ1KfN2pxsTzXrhnEn2qPqMmFHAgZnpJORcEUNLaSpc226qJmze-FYKMecKHwPV-k73fvQH1Ku4KKXAUA2&amp;t=ffffffffc820c398" type="text/javascript"></script>
  <script src="/ScriptResource.axd?d=dwY9oWetJoJ4ZjA-1jPcEhP7ER5pj7vUnbl87xIrp5KgCIH7OinCkP3cK37LGan3ayBW32yRZSEgGl2tgZv50n3b6-V5-8OCkx2VKFRvNoTMy9OkcSdmsXHaJpvqsXD5HuMXQgmzxnfjN1aI0&amp;t=ffffffffc820c398" type="text/javascript"></script>
  <div class="aspNetHidden">
    <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="CA0B0334">
    <input type="hidden" name="__VIEWSTATEENCRYPTED" id="__VIEWSTATEENCRYPTED" value="">
    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="Tvu+chUWKNCnCx22rbPG9Qb8f7oCt1xfyYjD6ObmGmdR8yIRLftmFGykHKu58pkqyYCjlvjIFADKnIsXAfmQ3ovm51oNUUezrdVYGhUd6IK4/n3s">
  </div>
  <script src="/js/dnn.modalpopup.js?cdv=1636" type="text/javascript"></script>
  <script src="/Portals/_default/Skins/DGOV2/resources/js/skin.js?cdv=1636" type="text/javascript"></script>
  <script src="/Portals/_default/Skins/DGOV2/resources/js/menu.js?cdv=1636" type="text/javascript"></script>
  <script src="/js/dnncore.js?cdv=1636" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Mobile-Detect/mobile-detect.min.js?cdv=1636" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/moment/moment.js?cdv=1636" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue/vue.min.js?cdv=1636" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/ValidatedPlugins/vue-resource/vue-resource.min.js?cdv=1636" type="text/javascript"></script>
  <script src="/Desktopmodules/SharedLibrary/Plugins/Skin/js/common.js?cdv=1636" type="text/javascript"></script>
  <script src="/DesktopModules/MVC/DVIDSLiveEvents2/Resources/js/dvids-dle-api.js?cdv=1636" type="text/javascript"></script>
  <script type="text/javascript">
    //<![CDATA[
    Sys.WebForms.PageRequestManager._initialize('ScriptManager', 'Form', [], [], [], 3600, '');
    //]]>
  </script>
  <!--CDF(Javascript|/Portals/_default/Skins/DGOV2/resources/js/skin.js?cdv=1636|DnnBodyProvider|100)-->
  <!--CDF(Javascript|/Portals/_default/Skins/DGOV2/resources/js/menu.js?cdv=1636|DnnBodyProvider|100)-->
  <script type="text/javascript">
    $('#personaBar-iframe').load(function() {
      $('#personaBar-iframe').contents().find("head").append($("<style type='text/css'>.personabar .personabarLogo {}</style>"));
    });
  </script>
  <script type="text/javascript">
    jQuery(document).ready(function() {
      initializeSkin();
    });
  </script>
  <script type="text/javascript">
    var skinvars = {
      "SiteName": "U.S. Department of Defense",
      "SiteShortName": "Defense.gov",
      "SiteSubTitle": "",
      "aid": "defensegov",
      "IsSecureConnection": true,
      "IsBackEnd": false,
      "DisableShrink": false,
      "IsAuthenticated": false,
      "SearchDomain": "search.defense.gov",
      "SiteUrl": "https://www.defense.gov/",
      "LastLogin": null,
      "IsLastLoginFail": false,
      "IncludePiwik": false,
      "PiwikSiteID": -1,
      "SocialLinks": {
        "Facebook": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Twitter": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "YouTube": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Flickr": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Pintrest": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Instagram": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Blog": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "RSS": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Podcast": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Email": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "LinkedIn": {
          "Url": "",
          "Window": "",
          "Relationship": null
        },
        "Snapchat": {
          "Url": "",
          "Window": "",
          "Relationship": null
        }
      },
      "SiteLinks": null,
      "LogoffTimeout": 10500000,
      "SiteAltLogoText": "Logo for U.S. Department of Defense"
    };
  </script>
  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "logo": "https://www.defense.gov/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d",
      "name": "U.S. Department of Defense",
      "url": "https://www.defense.gov/",
      "sameAs": []
    }
  </script>
  <div id="skip-link-holder"><a id="skip-link" href="#skip-target">Skip to main content (Press Enter).</a></div>
  <header class="top hover new-nav " id="header-main" style="visibility: visible;">
    <div class="header_banner_container">
      <div class="header_banner_inner">
        <div class="header_banner_flag"> An official website of the United States Government&nbsp;<div class="header_banner_accordion" tabindex="0">
            <u>Here's how you know</u><i class="fa fa-chevron-down expand-more-container"></i>
          </div>
        </div>
        <div class="header_banner_panel" style="">
          <div class="header_banner_panel_item">
            <span class="header_banner_dotgov"></span>
            <div class="header_banner_content">
              <p><strong>Official websites use .gov</strong></p> A&nbsp;<strong>.gov</strong> website belongs to an official government organization in the United States.
            </div>
          </div>
          <div class="header_banner_panel_item https">
            <span class="header_banner_https"></span>
            <div class="header_banner_content">
              <p><strong>Secure .gov websites use HTTPS</strong></p>
              <div> A <strong>lock (<span class="header_banner_icon_lock">
                    <svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64">
                      <title>lock</title>
                      <path fill="#FFF" fill-rule="evenodd"
                        d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path>
                    </svg>
                  </span>)</strong> or <strong>https://</strong> means you’ve safely connected to the .gov website. Share sensitive information only on official, secure websites. </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="header-utility-nav">
      <div class="inner">
        <ul class="social-nav">
          <li class="social-item"><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
          <li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
          <li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li>
          <li class="social-item"><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a>
          </li>
          <li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
        </ul>
      </div>
    </div>
    <div class="header-main-nav-wrapper">
      <div class="header-inner">
        <div id="nav-burger" class="hide-on-mobile-nav-open" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
        <div class="logo-wrapper">
          <a class="logo" href="https://www.defense.gov/" target="">

                    <img src="/Portals/1/Images/DOD-Icon-Header.png?ver=5sAfFl2--9znca0j3SrX_g%3d%3d" alt="Logo for U.S. Department of Defense" title="U.S. Department of Defense">
                    
                    <span>U.S. Department<span>of</span>Defense</span>
                </a>
        </div>
        <!--CDF(Css|/DesktopModules/MVC/DVIDSLiveEvents2/resources/css/livebadge.css?cdv=1636|DnnPageHeaderProvider|100)-->
        <!---->
        <script>
          (async () => {
            const liveBadgeConfig = {
              "data": {
                "dvidsParams": {
                  "eventFilterType": "man",
                  "toggleEventListMaxResults": true,
                  "toggleUpcomingEventMaxResultView": true,
                  "toggleLiveTodayEventMaxResultView": false,
                  "toggleEventListToDateRange": false,
                  "toggleEventHashtags": true,
                  "toggleIncludeExternals": false,
                  "toggleEventSort": true,
                  "eventListMaxResults": "50",
                  "upcomingEventMaxResultView": "5",
                  "liveTodayEventMaxResultView": "3",
                  "eventListToDays": 7,
                  "includeExternals": false,
                  "eventHashtags": "dgovlive",
                  "eventSort": "asc",
                  "autoplay": true,
                  "manualSelectedEvents": "",
                  "showLiveNowList": true,
                  "showLiveTodayList": true,
                  "showUpcomingEventsList": true,
                  "apiKey": "key-5b75d9ba94822",
                  "dvidsURL": "https://api.dvidshub.net/",
                  "dvidsStagingURL": null,
                  "showTestVid": false,
                  "showPanelWhenEmpty": false,
                  "toDate": "2025-01-06T23:59:59.0000000-05:00",
                  "fromDate": "2024-11-17T20:07:19.4336786-05:00"
                },
                "dleDNNSettings": {
                  "templateLayout": "Left",
                  "templateStyle": "DGOV",
                  "moduleMode": "Player",
                  "moduleTitle": "LIVE EVENTS",
                  "liveNowListTitle": "LIVE TODAY",
                  "liveNowDefaultText": "There are currently no events scheduled for today.",
                  "liveTodayListTitle": "LIVE TODAY",
                  "liveTodayDefaultText": "No Events Currently Scheduled",
                  "upcomingEventsListTitle": "UPCOMING EVENTS",
                  "upcomingEventsDefaultText": "There are currently no upcoming events scheduled.",
                  "countdownTitle": "UP NEXT",
                  "countdownTitleFuture": "UPCOMING EVENT",
                  "templateDisclaimer": "Having playback problems? \u003ca href=\"/News/Live-Events/\"\u003eClick here to refresh the page.\u003c/a\u003e If you continue to have issues, try changing to a different web browser.",
                  "videoBugPosition": "TopRight",
                  "showModuleTitle": false,
                  "showEventTitle": true,
                  "showEventDesc": true,
                  "showCountdownTitle": true,
                  "showCountdownDesc": true,
                  "showVideoBug": false,
                  "liveNowActiveClick": "on",
                  "liveNowActiveManualTime": "fifteenMin",
                  "toggleError": false,
                  "selectedSMMSealId": 2002859035,
                  "selectedSeal": "https://media.defense.gov/2021/Sep/21/2002859035/400/400/0/210921-D-D0439-103.PNG",
                  "selectedSMMSealForErrorsId": 2002859034,
                  "selectedSealForErrors": "https://media.defense.gov/2021/Sep/21/2002859034/400/400/0/210921-D-D0439-102.PNG",
                  "selectedSMMCountdownBackgroundId": 2002042277,
                  "selectedBackground": "https://media.defense.gov/2018/Sep/19/2002042277/800/450/0/180919-D-MA852-001.JPG",
                  "selectedSMMNoEventBackgroundId": 2002041905,
                  "selectedNoEvent": "https://media.defense.gov/2018/Sep/18/2002041905/800/450/0/180918-D-MA852-004.JPG",
                  "selectedDVIDSVideoBugId": 2002041896,
                  "selectedVideoBug": "https://media.defense.gov/2018/Sep/18/2002041896/200/200/0/180918-D-MA852-002.PNG",
                  "dvidsVideoPlayerUrl": "https://www.defense.gov/Multimedia/Videos?videoid=",
                  "dvidsLiveEventsUrl": "https://www.defense.gov/News/LiveEvents/#/?currentVideo=",
                  "noEventsLink": "/Multimedia/Videos/",
                  "toggleLiveEventVideoBug": false,
                  "liveEventVideoBugPosition": "TopRight",
                  "isBackend": false
                },
                "dleTestSettings": null
              }
            };
            new Vue({
              el: '#dle-live-badge-aa53b923-4f6b-4245-9e19-fcf795b64d8e',
              data: {
                isLiveNow: false,
                videos: {
                  all: [],
                  liveNow: [],
                  liveToday: [],
                  liveLater: []
                },
                config: {},
                dropdownStyles: {},
                ddState: 0,
                leadInText: '',
                leadInTimeoutId: null,
                leadInTimeoutOnce: false,
              },
              computed: {
                buttonLabel: function() {
                  if (this.videos && this.videos.liveNow && this.videos.liveNow.length > 0) return "Live Now";
                  if (this.videos && this.videos.liveToday && this.videos.liveToday.length > 0 && this.videos.liveLater.length === 0) {
                    return "Live Today";
                  }
                  return "Live Events";;
                },
              },
              created() {
                window.addEventListener("resize", this.liveBadgeResizeHandler);
                window.addEventListener("scroll", this.liveBadgeResizeHandler);
              },
              destroyed() {
                window.removeEventListener("resize", this.liveBadgeResizeHandler);
                window.removeEventListener("resize", this.leadInTextResizeHandler);
                window.removeEventListener("scroll", this.liveBadgeResizeHandler);
              },
              mounted: function() {
                try {
                  this.config = {
                    dvids: liveBadgeConfig.data.dvidsParams,
                    dle: liveBadgeConfig.data.dleDNNSettings,
                    test: liveBadgeConfig.data.dleTestSettings
                  };
                  this.getVideos();
                } catch (e) {
                  this.onBackend() && console.error(e);
                }
                if (this.config.test && this.config.test.testUseTestData) {
                  return;
                }
                setInterval(() => {
                  this.getVideos();
                }, 15000);
              },
              methods: {
                getVideos: async function() {
                  let videoListObj = {};
                  try {
                    const dvidsParams = DLEApi.createDvidsParams(this.config.dvids);
                    if (this.config.test && this.config.test.testUseTestData) {
                      videoListObj = await DLEApi.getFakeVideoList(this.config.test.testLiveNowEventsCount, this.config.test.testLiveTodayEventsCount, this.config.test.testUpcomingEventsCount, this.config.test.testEventsJson, this.config
                        .dvids.apiKey);
                      videoListObj.videos = videoListObj.videos.slice(0, dvidsParams.max_results);
                    } else {
                      videoListObj = await DLEApi.getVideoList(dvidsParams);
                    }
                    this.videos = DLEApi.parseVideoList(videoListObj, this.config);
                    setTimeout(() => {
                      this.setupLeadIn();
                    }, 100);
                  } catch (e) {
                    this.onBackend() && console.error(e);
                  }
                },
                setLiveBadgeWidth: function() {
                  let positioningEl;
                  try {
                    positioningEl = 'header .header-inner' ? document.querySelector('header .header-inner') : document.body;
                    if (positioningEl === null) {
                      positioningEl = document.body;
                    }
                  } catch (e) {
                    this.onBackend() && console.warn('DVIDS Live Events dropdown container not found. The error is:', e);
                    positioningEl = document.body;
                  }
                  try {
                    const ppos = positioningEl.getBoundingClientRect();
                    const dd = document.querySelector('.dle-live-badge-dropdown');
                    if (dd.style.display === "block") return;
                    dd.style.visibility = 'hidden';
                    dd.style.display = 'block';
                    dd.style.width = 'auto';
                    dd.style.marginLeft = 0;
                    const ddRect = dd.getBoundingClientRect();
                    dd.style.display = 'none';
                    dd.style.visibility = 'visible';
                    let newWidth = Math.abs(ppos.right - ddRect.left);
                    const minWidth = ddRect.width;
                    if (newWidth < minWidth) {
                      newWidth = minWidth;
                    }
                    let newLeft = 0;
                    if (ddRect.x + newWidth > document.body.clientWidth) {
                      newLeft = document.body.clientWidth - ddRect.x - newWidth;
                    }
                    dd.style.width = newWidth + 'px';
                    dd.style.marginLeft = newLeft + 'px';
                  } catch (e) {
                    this.onBackend() && console.error('DVIDS Live Events error:', e);
                  }
                },
                liveBadgeResizeHandler: function() {
                  if (this.ddState === 0) return;
                  this.manualStateChange();
                },
                manualStateChange: function() {
                  const vm = this;
                  if (vm.ddState === 0) {
                    $('body').addClass('dle-dd-open');
                    vm.ddState = 1;
                    vm.dropdownStyles = {
                      ...vm.dropdownStyles,
                      display: 'block',
                    };
                  } else if (vm.ddState === 1) {
                    vm.ddState = 0;
                    vm.dropdownStyles = {
                      ...vm.dropdownStyles,
                      display: 'none',
                    };
                    $('body').removeClass('dle-dd-open');
                  }
                },
                handleBadgeKeyDown: function(event) {
                  if (!event) return;
                  if ((event.target.id === 'dle-live-badge-aa53b923-4f6b-4245-9e19-fcf795b64d8e-tab-before' && event.key.toUpperCase() === 'TAB' && !event.shiftKey) || (event.target.id ===
                      'dle-live-badge-aa53b923-4f6b-4245-9e19-fcf795b64d8e-tab-after' && event.key.toUpperCase() === 'TAB' && event.shiftKey)) event.preventDefault();
                },
                handleBadgeKeyUp: function(event) {
                  if (!event) return;
                  event.preventDefault();
                  const vm = this;
                  this.setLiveBadgeWidth();
                  this.manualStateChange();
                  if (vm.ddState === 1) {
                    setTimeout(() => {
                      if (event.key.toUpperCase() === 'TAB' && !event.shiftKey) {
                        $(".dle-live-badge-dropdown a:first").focus();
                      } else {
                        $(".dle-live-badge-dropdown a:last").focus();
                      }
                      $(".dle-live-badge-dropdown a:first").off();
                      $(".dle-live-badge-dropdown a:first").on('keydown', function(e) {
                        if (e.shiftKey && e.key.toUpperCase() === 'TAB') {
                          e.preventDefault();
                          $('#dle-live-badge-aa53b923-4f6b-4245-9e19-fcf795b64d8e-tab-before').focus();
                        }
                      });
                    }, 50);
                    $(".dle-live-badge-dropdown a:last").off();
                    $(".dle-live-badge-dropdown a:last").on('keydown', function(e) {
                      if (e.key.toUpperCase() === 'TAB' && !e.shiftKey) {
                        e.preventDefault();
                        $('#dle-live-badge-aa53b923-4f6b-4245-9e19-fcf795b64d8e-tab-after').focus();
                      }
                    });
                  }
                },
                handleBadgeClick: function() {
                  if (!window.matchMedia('(max-width: 768px)').matches) {
                    try {
                      window.location.href = this.config.dle.dvidsLiveEventsUrl;
                    } catch (e) {
                      this.onBackend() && console.error('DVIDS Live Events error: ', e);
                    }
                  }
                  if (this.ddState === 0) {
                    this.setLiveBadgeWidth();
                  }
                  this.manualStateChange();
                },
                setupLeadIn: function() {
                  if (!this.videos || !this.videos.all || this.videos.all.length === 0) {
                    return;
                  }
                  this.leadInText = this.videos.all[0].title;
                  window.removeEventListener("resize", this.leadInTextResizeHandler);
                  window.addEventListener("resize", this.leadInTextResizeHandler);
                  this.checkLeadInWidth();
                },
                checkLeadInWidth: function() {
                  const vm = this;
                  $(this.$el).find('.lead-in-event .event-title-text').each(function() {
                    let el = this;
                    el.innerText = vm.leadInText;
                    el.style.whiteSpace = "nowrap";
                    el.style.overflow = "visible";
                    const oneLineBounds = el.getBoundingClientRect();
                    el.style.whiteSpace = "normal";
                    const nLinesBounds = el.getBoundingClientRect();
                    if (nLinesBounds.height > oneLineBounds.height) {
                      const splitText = vm.leadInText.split(' ');
                      for (let i = 0; i < splitText.length; i++) {
                        const newText = splitText.slice(0, splitText.length - 1 - i);
                        el.innerText = newText.join(' ') + '...';
                        const newTextBounds = el.getBoundingClientRect();
                        if (newTextBounds.height <= oneLineBounds.height) {
                          break;
                        }
                      }
                    }
                    el.style.overflow = "hidden";
                    el.style.opacity = 1;
                  });
                },
                leadInTextResizeHandler: function() {
                  const vm = this;
                  // Clear the debounce timer
                  clearTimeout(vm.leadInTimeoutId);
                  // Debounce timer
                  vm.leadInTimeoutId = setTimeout(() => {
                    vm.checkLeadInWidth();
                    vm.leadInTimeoutOnce = false;
                  }, 10);
                  // Run once immediately
                  if (!vm.leadInTimeoutOnce) {
                    vm.checkLeadInWidth();
                    vm.leadInTimeoutOnce = true;
                  }
                },
                onBackend: function() {
                  return this.config && this.config.dle && this.config.dle.isBackend;
                }
              }
            });
          })();
        </script>
        <nav class="main">
          <ul>
            <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
            <li class="mobile-home"><a href="/">Home</a></li>
            <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
            <li class="desktop-blank"></li>
            <li class="parent top-level ">
              <a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
              <div class="level2-container pin-right">
                <ul class="level2">
                  <li class="parent">
                    <a href="https://www.defense.gov/News/Press-Products/" tabindex="-1" aria-expanded="false"><span class="main">Press Products</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/News/Today-in-DOD/" tabindex="0"><span class="main">Today in DOD</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
                      </li>
                    </ul>
                  </li>
                  <li class="parent">
                    <a href="https://www.defense.gov/News/Newsroom/" tabindex="-1" aria-expanded="false"><span class="main">Newsroom</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/News/News-Stories/" tabindex="0"><span class="main">News Stories</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </li>
            <li class="parent top-level ">
              <a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
              <div class="level2-container">
                <ul class="level2">
                  <li class="parent">
                    <a href="https://www.defense.gov/Multimedia/" aria-expanded="false" tabindex="-1"><span class="main">Multimedia</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </li>
            <li class="parent top-level ">
              <a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
              <div class="level2-container pin-right">
                <ul class="level2">
                  <li class="parent">
                    <a href="https://www.defense.gov/Spotlights/" aria-expanded="false" tabindex="-1"><span class="main">Trending Issues</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
                      </li>
                    </ul>
                  </li>
                  <li class="parent">
                    <a href="https://www.defense.gov/Spotlights/" aria-expanded="false" tabindex="-1"><span class="main">Topics</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science &amp; Technology</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </li>
            <li class="parent top-level ">
              <a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
              <div class="level2-container pin-right">
                <ul class="level2">
                  <li class="parent">
                    <a href="https://www.defense.gov/About/Leadership/" tabindex="-1" aria-expanded="false"><span class="main">Leadership</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0"><span class="main">Secretary of Defense</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
                      </li>
                    </ul>
                  </li>
                  <li class="parent">
                    <a href="https://www.defense.gov/About/" aria-expanded="false" tabindex="-1"><span class="main">Components</span></a>
                    <ul class="parent">
                      <li class="">
                        <a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.navy.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.af.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.spaceforce.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.uscg.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.nationalguard.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span></a>
                      </li>
                      <li class="">
                        <a href="https://www.defense.gov/About/Combatant-Commands/" tabindex="0"><span class="main">Combatant Commands</span></a>
                      </li>
                    </ul>
                  </li>
                </ul>
              </div>
            </li>
          </ul>
          <div class="nav-search-icon" tabindex="0">
            <i class="fa fa-search"></i>
          </div>
          <div class="nav-search">
            <label for="desktop-search" class="sr-only">Search</label>
            <input id="desktop-search" title="Search" aria-label="Search" type="search" autocomplete="off" maxlength="256" name="header-search" placeholder="Search..." value="">
            <span class="search-icon" tabindex="0"><i class="fa fa-search" aria-label="Search"></i></span>
            <span class="close-icon" tabindex="0"><i class="desktop-search-close" aria-label="Search"></i></span>
          </div>
          <div class="level2-backdrop">
            <div class="backdrop-image"></div>
          </div>
        </nav>
      </div>
    </div>
    <div id="mobile-overlay"></div>
    <div id="nav-drawer">
      <div class="drawer-inner">
        <div id="nav-burger-mobile" class="internal" aria-role="button" aria-label="toggle navigation"><span></span><span></span><span></span><span></span></div>
        <div class="search-wrap">
          <label for="mobile-search" class="sr-only">Search</label>
          <input id="mobile-search" type="search" title="Search" placeholder="Search" maxlength="256" autocomplete="off" name="search-main">
          <span id="search-main-icon"><i class="fa fa-search"></i></span>
          <a href="#" class="skin-search-go">Search</a>
        </div>
        <nav>
          <div class="primary">
            <ul>
              <li class="mobile-back"><a href="#"><i class="fa fa-chevron-left"></i>Back</a></li>
              <li class="mobile-home"><a href="/">Home</a></li>
              <li class="mobile-level1-placeholder"><a href="#">Place Holder</a></li>
              <li class="desktop-blank"></li>
              <li class="parent top-level ">
                <a href="https://www.defense.gov/News/" tabindex="0" aria-expanded="false">News<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
                <div class="level2-container">
                  <ul class="level2">
                    <li class="parent">
                      <a href="https://www.defense.gov/News/Press-Products/" tabindex="0" aria-expanded="false"><span class="main">Press Products</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/News/Today-in-DOD/" tabindex="0"><span class="main">Today in DOD</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Live-Events/" tabindex="0"><span class="main">Live Events</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Releases/" tabindex="0"><span class="main">Releases</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Advisories/" tabindex="0"><span class="main">Advisories</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Transcripts/" tabindex="0"><span class="main">Transcripts</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Speeches/" tabindex="0"><span class="main">Speeches</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Publications/" tabindex="0"><span class="main">Publications</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Contracts/" tabindex="0"><span class="main">Contracts</span></a>
                        </li>
                      </ul>
                    </li>
                    <li class="parent">
                      <a href="https://www.defense.gov/News/Newsroom/" tabindex="0" aria-expanded="false"><span class="main">Newsroom</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/News/News-Stories/" tabindex="0"><span class="main">News Stories</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/Feature-Stories/" tabindex="0"><span class="main">Feature Stories</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/News/From-the-Services/" tabindex="0"><span class="main">Stories from the Services</span></a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="parent top-level ">
                <a href="https://www.defense.gov/Multimedia/" tabindex="0" aria-expanded="false">Multimedia<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
                <div class="level2-container">
                  <ul class="level2">
                    <li class="parent">
                      <a href="https://www.defense.gov/Multimedia/" aria-expanded="false"><span class="main">Multimedia</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/Multimedia/Photos/" tabindex="0"><span class="main">Photos</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Multimedia/Videos/" tabindex="0"><span class="main">Videos</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Multimedia/Experience/" tabindex="0"><span class="main">Interactive Experiences</span></a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="parent top-level ">
                <a href="https://www.defense.gov/Spotlights/" tabindex="0" aria-expanded="false">Spotlights<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
                <div class="level2-container">
                  <ul class="level2">
                    <li class="parent">
                      <a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Trending Issues</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Taking-Care-of-Our-People/" tabindex="0"><span class="main">Taking Care of Our People</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Nato/" tabindex="0"><span class="main">NATO</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Focus-on-Indo-Pacific/" tabindex="0"><span class="main">Focus on the Indo-Pacific</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Support-for-Ukraine/" tabindex="0"><span class="main">Support for Ukraine</span></a>
                        </li>
                      </ul>
                    </li>
                    <li class="parent">
                      <a href="https://www.defense.gov/Spotlights/" aria-expanded="false"><span class="main">Topics</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Value-of-Service/" tabindex="0"><span class="main">Value of Service</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Science-and-Technology/" tabindex="0"><span class="main">Science &amp; Technology</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/Face-of-Defense/" tabindex="0"><span class="main">Face of Defense</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/Spotlights/" tabindex="0"><span class="main">All Spotlights</span></a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </li>
              <li class="parent top-level ">
                <a href="https://www.defense.gov/About/" tabindex="0" aria-expanded="false">About<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
                <div class="level2-container">
                  <ul class="level2">
                    <li class="parent">
                      <a href="https://www.defense.gov/About/Leadership/" tabindex="0" aria-expanded="false"><span class="main">Leadership</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.defense.gov/About/Secretary-of-Defense/" tabindex="0"><span class="main">Secretary of Defense</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Deputy-Secretary-of-Defense/" tabindex="0"><span class="main">Deputy Secretary of Defense</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Chairman of the Joint Chiefs of Staff</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Vice-Chairman-of-the-Joint-Chiefs-of-Staff/" tabindex="0"><span class="main">Vice Chairman of the Joint Chiefs of Staff</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Office-of-the-Secretary-of-Defense/" tabindex="0"><span class="main">Office of the Secretary of Defense</span></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Biographies/" tabindex="0"><span class="main">More Leaders</span></a>
                        </li>
                      </ul>
                    </li>
                    <li class="parent">
                      <a href="https://www.defense.gov/About/" aria-expanded="false"><span class="main">Components</span></a>
                      <ul class="parent">
                        <li class="">
                          <a href="https://www.army.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Army</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.marines.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Marine Corps</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.navy.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Navy</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.af.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Air Force</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.spaceforce.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Space Force</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.uscg.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">Coast Guard</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.nationalguard.mil/" target="_blank" rel="noopeneer noreferrer" tabindex="0"><span class="main">National Guard</span><i class="fas fa-external-link-alt"></i></a>
                        </li>
                        <li class="">
                          <a href="https://www.defense.gov/About/Combatant-Commands/" tabindex="0"><span class="main">Combatant Commands</span></a>
                        </li>
                      </ul>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
            <ul>
              <li class="parent top-level">
                <a href="#" target="" tabindex="0" aria-expanded="false">Legal &amp; Administrative<span class="mobile-arrow"><i class="fa fa-chevron-right"></i></span></a>
                <div class="arrow-down"><i></i></div>
                <div class="level2-container">
                  <ul class="level2">
                    <ul class="">
                      <li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy &amp; Security</span></a></li>
                      <li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
                      <li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
                      <li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class="">
                        <a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span><i class="fas fa-external-link-alt"></i></a>
                      </li>
                      <li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class="">
                        <a href="https://www.dma.mil/Services/Visual-Information/References/Limitations/" target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class="">
                        <a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span><i class="fas fa-external-link-alt"></i></a>
                      </li>
                      <li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span><i class="fas fa-external-link-alt"></i></a></li>
                      <li class="">
                        <a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span><i class="fas fa-external-link-alt"></i></a>
                      </li>
                      <li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li>
                    </ul>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div class="social">
            <ul class="social-nav">
              <li class="social-item"><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-4"></span></a></li>
              <li class="social-item"><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-1"></span></a></li>
              <li class="social-item"><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-3"></span></a></li>
              <li class="social-item">
                <a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-50"></span></a></li>
              <li class="social-item"><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-2"></span></a></li>
            </ul>
          </div>
        </nav>
      </div>
    </div>
  </header>
  <main>
    <p id="skip-target-holder"><a id="skip-target" name="skip-target" class="skip" tabindex="-1" aria-label="Skip Target" innertext="Start of main content"></a></p>
    <div id="dnn_ContentPaneFullBleed1">
      <div class="DnnModule DnnModule-DNN_HTML DnnModule-2778"><a name="2778"></a>
        <div class="empty-container base-container">
          <div id="dnn_ctr2778_ContentPane"><!-- Start_Module_2778 -->
            <script>
              window.scroll({
                top: 2500,
                left: 0,
                behavior: 'smooth'
              });
              window.scrollBy({
                top: 100, // could be negative value
                left: 0,
                behavior: 'smooth'
              });
              document.querySelector('#slideshow-head").scrollIntoView({ 
              behavior: 'smooth'
              });
            </script>
            <div id="dnn_ctr2778_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
              <div id="dnn_ctr2778_HtmlModule_lblContent" class="Normal">
                <style>
                  .social-link span {
                    padding: 11px;
                  }
                </style>
                <div id="starter">
                  <div class="fade-slideshow slick-initialized slick-slider">
                    <div class="slick-list draggable">
                      <div class="slick-track" style="opacity: 1; width: 9600px;">
                        <div class="slick-slide" data-slick-index="0" aria-hidden="true" style="width: 1600px; position: relative; left: 0px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms linear;" tabindex="-1">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-1" src="/portals/1/Interactive/2019/11-uniform-evolution/army/original.jpg"></div>
                          </div>
                        </div>
                        <div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1600px; position: relative; left: -1600px; top: 0px; z-index: 998; opacity: 0; transition: opacity 500ms linear;" tabindex="-1">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-3" src="/portals/1/Interactive/2019/11-uniform-evolution/army/shutterstock_746632390.jpg"></div>
                          </div>
                        </div>
                        <div class="slick-slide slick-current slick-active" data-slick-index="2" aria-hidden="false" style="width: 1600px; position: relative; left: -3200px; top: 0px; z-index: 999; opacity: 1;">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-5" src="/portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_251930041.jpg"></div>
                          </div>
                        </div>
                        <div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 1600px; position: relative; left: -4800px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-6" src="/portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_144525854.jpg"></div>
                          </div>
                        </div>
                        <div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 1600px; position: relative; left: -6400px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-7" src="/portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_244390960.jpg"></div>
                          </div>
                        </div>
                        <div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 1600px; position: relative; left: -8000px; top: 0px; z-index: 998; opacity: 0;" tabindex="-1">
                          <div>
                            <div style="width: 100%; display: inline-block;"><img class="banner-8" src="/portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_729181372.jpg"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="dgov-container">
                    <div class="dgov-grid">
                      <div class="dgov-col-md-7">
                        <h1> <span class="first">Common Threads </span><br> <span class="second">Army</span></h1>
                        <p>Since the U.S. Army's founding on June 14, 1775, its uniforms have evolved to match military tactics and technology – with warfighters constantly equipped with gear that increases survivability, mobility and lethality.</p>
                        <p>Scroll the interactive display below to see how the uniform has changed over time.</p>
                        <p>
                          <i style="font-size: 16px; line-height: 1; color: #F8FFEA;">Disclaimer: Over the years, styles, environments, technology and missions changed. In an attempt to simplify those complex details, we are featuring only enlisted combat uniforms and their regulation equipment.</i>
                        </p>
                        <div class="text-center" style="position:relative; z-index:9; display: inline-block;"><a class="btn-down btn-down-scroll" href="#slideshow-head">Dive In</a></div>
                        <div class="social-top" style="display: inline-block;color: #fff !important; margin-bottom: -18px;">
                          <div class="a2a_kit a2a_default_style social-inner" data-a2a-url="https://www.defense.gov/Multimedia/Experience/Common-Threads/Common-Threads-Army/" style="line-height: 16px;">
                            <a class="a2a_button_facebook social-link" target="_blank" rel="nofollow noopener" href="/#facebook"><span class="fa fa-facebook"></span></a>
                            <a class="a2a_button_x social-link" title="x" href="/#x" target="_blank" rel="nofollow noopener"> <span class="fa-brands fa-x-twitter"></span> </a>
                            <a class="a2a_button_email social-link" target="_blank" rel="nofollow noopener" href="/#email"><span class="fa fa-envelope"></span></a>
                            <div style="clear: both;"></div>
                          </div>
                          <script async="" src="https://static.addtoany.com/menu/page.js"></script>
                          <!--<div addthis:url="https://www.defense.gov/Multimedia/Experience/Common-Threads/Common-Threads-Army/" class="addthis_toolbox addthis_default_style social-inner"> <a class="addthis_button_facebook social-link" href="#" title="Facebook"><span class="fa fa-facebook" style="color: #fff" ></span> </a> <a class="addthis_button_twitter social-link" href="#" title="Twitter"> <span class="fa fa-twitter" style="color: #fff"></span> </a> <a class="addthis_button_email social-link" href="#" target="_blank" title="Email"> <span class="fa fa-envelope" style="color: #fff"></span> </a> <div class="atclear"></div> </div>-->
                        </div>
                      </div>
                      <div class="dgov-col-md-5"> <img class="responsive-img" src="/portals/1/Interactive/2019/11-uniform-evolution/army/banner-figures-monochrome-army.png"> </div>
                    </div>
                  </div>
                </div>
                <script>
                  $('.fade-slideshow').slick({
                    arrows: false,
                    dots: false,
                    infinite: true,
                    infinite: true,
                    speed: 500,
                    fade: true,
                    cssEase: 'linear',
                    autoplay: true,
                    autoplaySpeed: 2000,
                  });
                </script>
              </div>
            </div><!-- End_Module_2778 -->
          </div>
        </div><!--end of empty container -->
      </div>
      <div class="DnnModule DnnModule-DNN_HTML DnnModule-2782"><a name="2782"></a>
        <div class="empty-container base-container">
          <div id="dnn_ctr2782_ContentPane"><!-- Start_Module_2782 -->
            <style>
              .DnnModule.DnnModule-2778 {
                overflow: hidden;
                z-index: 1;
                display: block;
                position: relative;
              }
            </style>
            <div id="dnn_ctr2782_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
              <div id="dnn_ctr2782_HtmlModule_lblContent" class="Normal">
                <script src="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.js?cdv=320" type="text/javascript"></script>
                <link href="/Desktopmodules/SharedLibrary/Plugins/Slick/1.9.0/slick.min.css?cdv=320" type="text/css" rel="stylesheet"> <!--TITLE MODULE-->
                <div id="slideshow-head">
                  <div class="dgov-grid">
                    <div class="dgov-col-md-12">
                      <h1>Uniform Evolution</h1>
                      <p class="mobile" style="max-width: 700px; margin: auto; line-height: 1.3; display: none;">Swipe through the timeline to see how the Army's uniform has evolved. Scroll the uniform image to rotate the model or click to learn
                        more.</p>
                      <p class="desktop" style="max-width: 700px; margin: auto; line-height: 1.3;">Click through the timeline to see how the Army's uniform has evolved. Use the scroll bar to rotate the model or click to learn more.</p>
                    </div>
                  </div>
                </div> <!--END TITLE MODULE--> <!-- TIMELINE MODULE-->
                <div class="timeline-nav slick-initialized slick-slider">
                  <div class="slick-list draggable" style="padding: 0px;">
                    <div class="slick-track" style="opacity: 1; width: 16000px; transform: translate3d(0px, 0px, 0px);">
                      <div class="slick-slide slick-current slick-center" data-slick-index="0" aria-hidden="true" style="width: 1600px;">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1775-1783</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1812-1815</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1861-1865</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1917-1918</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1941-1945</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1950-1953</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1965-1975</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="7" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>1990-1991</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="8" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>2000-2005</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="9" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <h2>2019-2021</h2>
                            <div class="timeline-dot"></div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!--END TIMELINE MODULE-->
                <div class="timeline slick-initialized slick-slider"><i class="fa fa-chevron-left carousel-previous slick-arrow slick-disabled" aria-disabled="true" style=""></i>
                  <div class="slick-list draggable">
                    <div class="slick-track" style="opacity: 1; width: 16000px; transform: translate3d(0px, 0px, 0px);">
                      <div class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" style="width: 1600px;">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4">
                                <div id="scrollable-1" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-1" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-01.jpg) bottom left / cover;">
                                        &nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f01-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f01-Modal01" tabindex="0">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f01-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f01-Modal02" tabindex="0">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f01-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f01-Modal03" tabindex="0">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f01-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f01-Modal04" tabindex="0">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f01-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f01-Modal05" tabindex="0">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Revolutionary War</h2>
                                <p>Continental Army uniforms varied throughout the war because of material shortages and difficulty transporting goods, but American soldiers generally wore uniforms similar to the British and French armies – then the
                                  elite forces of the world. </p>
                                <p>The Army established uniform regulations in 1779 and made efforts to standardize small arms and equipment, with some success by the end of the war.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="1" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4 ">
                                <div id="scrollable-2" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-2" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-01.jpg) bottom left / cover;">&nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f02-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f02-Modal01" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f02-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f02-Modal02" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f02-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f02-Modal03" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f02-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f02-Modal04" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f02-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f02-Modal05" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>War of 1812</h2>
                                <p>Army regiments were all outfitted differently during the War of 1812, except for militia uniforms. Designs continued to follow European military trends and by 1813, lace bindings were no longer featured so
                                  regulation uniforms could be mass produced and quickly distributed to troops.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="2" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4 switcher-fix">
                                <div id="3-pane-A" class="card tab-pane show fade active" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <style>
                                    .show.fade.active {
                                      opacity: 1;
                                    }

                                    .tab-pane.active {
                                      z-index: 999;
                                    }
                                  </style>
                                  <div id="scrollable-3" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-3" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-01.jpg) bottom left / cover;">&nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f03-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f03-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f03-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f03-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f03-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f03-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f03-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="3-pane-B" class="card tab-pane fade" role="tabpanel" aria-labelledby="tab-B" style="position: absolute;">
                                  <div id="scrollable-3b" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-3b" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-01.jpg) bottom left / cover;">&nbsp;
                                        </div>
                                        <div class="hotspots hotspots0"> <button id="f03b-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f03b-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f03b-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f03b-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f03b-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f03b-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f03b-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Civil War</h2>
                                <p>By the middle of the Civil War, military uniforms were mostly standardized for U.S. troops, known as "regulars," and the state-raised volunteer regiments. While there was still some variety, a regulation uniform for
                                  the enlisted foot soldier had emerged. </p>
                                <div class="button" type="button" data-target="#vid-1" data-toggle="modal" tabindex="0"> <i class="fas fa-video"></i> Wool in summer? An Army historian explains </div>
                                <div class="variation-selector">
                                  <h3>Variations</h3>
                                  <ul class="nav nav-pills">
                                    <li class="active"><a id="3-tab-A" href="#3-pane-A" class="nav-link" data-toggle="pill" tabindex="-1">Dress Coat</a> </li>
                                    <li><a id="3-tab-B" href="#3-pane-B" class="nav-link" data-toggle="pill" tabindex="-1">Fatigue Blouse</a> </li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="3" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4 switcher-fix">
                                <div id="4-pane-A" class="card tab-pane show fade active" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <div id="scrollable-4" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-4" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-01.jpg) bottom left / cover;">&nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f04-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f04-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f04-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f04-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f04-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f04-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f04-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="4-pane-B" class="card tab-pane fade" role="tabpanel" aria-labelledby="tab-B" style="position: absolute;">
                                  <div id="scrollable-4b" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-4b" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-01.jpg) bottom left / cover;">&nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f04b-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f04b-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Uniform</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>World War I</h2>
                                <p>The turn of the century marked a uniform change for the Army. The M1910 service uniform, issued for work and field use, was the service's first uniform that was solely one color. It was olive drab green wool in
                                  winter and khaki cotton in summer – and for the first time, it didn't include a blue coat or trousers. By the time the U.S. entered World War I, the winter service uniform had become the standard field/combat choice
                                  for the American Expeditionary Forces, or AEF, in Europe.</p>
                                <div class="button" type="button" data-target="#vid-2" data-toggle="modal" tabindex="0"> <i class="fas fa-video"></i> Trench Warfare Made Pistols, Knives Important </div>
                                <div class="button" type="button" data-target="#vid-3" data-toggle="modal" tabindex="0"> <i class="fas fa-video"></i> How African Americans Served In WWI</div>
                                <div class="variation-selector">
                                  <h3>Variations</h3>
                                  <ul class="nav nav-pills">
                                    <li class="active"><a id="4-tab-A" href="#4-pane-A" class="nav-link" data-toggle="pill" tabindex="-1">Frontline Infantry</a> </li>
                                    <li><a id="4-tab-B" href="#4-pane-B" class="nav-link" data-toggle="pill" tabindex="-1">French Style</a> </li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="4" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4 switcher-fix">
                                <div id="5-pane-A" class="card tab-pane show fade active" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <div id="scrollable-5" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-5" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-01.jpg) bottom left / cover;"> &nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f05-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f05-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f05-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f05-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f05-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f05-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f05-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="5-pane-B" class="card tab-pane fade" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <div id="scrollable-5b" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-5b" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-01.jpg) bottom left / cover;"> &nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f05b-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f05b-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f05b-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f05b-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f05b-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f05b-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f05b-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="5-pane-C" class="card tab-pane fade" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <div id="scrollable-5c" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-5c" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-01.jpg) bottom left / cover;">&nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f05c-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f05c-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f05c-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f05c-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f05c-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f05c-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f05c-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Front Equipment</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>World War II</h2>
                                <p>World War II was truly global and required multi-environment clothing. </p>
                                <p>In 1943, for the first time, a new uniform was developed specifically for combat. Until then, three basic uniforms: a winter wool service uniform, a khaki cotton summer service uniform and a fatigue (work) uniform,
                                  were modified and improved. As the war progressed, fatigue uniforms made of herringbone twill, or HBT, also became more prominent in the combat zone. </p>
                                <div class="variation-selector">
                                  <h3>Variations</h3>
                                  <ul class="nav nav-pills">
                                    <li class="active"><a id="5-tab-A" href="#5-pane-A" class="nav-link" data-toggle="pill" tabindex="-1">M1941</a> </li>
                                    <li><a id="5-tab-B" href="#5-pane-B" class="nav-link" data-toggle="pill" tabindex="-1">M1943</a> </li>
                                    <li><a id="3-tab-C" href="#5-pane-C" class="nav-link" data-toggle="pill" tabindex="-1">HBT</a> </li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="5" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4">
                                <div id="scrollable-6" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-6" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-01.jpg) bottom left / cover;"> &nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f06-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal01" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f06-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal02" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f06-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal03" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f06-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal04" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f06-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal05" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> <button id="f06-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal06" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Winter Gear</div>
                                        </button> <button id="f06-hotspot-07" class="circle" type="button" data-toggle="modal" data-target="#f06-Modal07" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Body Armor</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Korean War</h2>
                                <p>Soldiers in Korea used much clothing and equipment consisting of original and revised patterns from World War II. Given Korea’s rugged, mountainous terrain and frigid climates, however, it quickly became evident
                                  that troops fighting there needed additional winter clothing.</p>
                                <div class="button" type="button" data-target="#vid-4" data-toggle="modal" tabindex="0"> <i class="fas fa-video"></i> Why Uniform "Name Tape" IDs Came About</div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="6" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4">
                                <div id="scrollable-7" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-7" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-01.jpg) bottom left / cover;"> &nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f07-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal01" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f07-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal02" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f07-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal03" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f07-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal04" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f07-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal05" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> <button id="f07-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal06" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Front Equipment</div>
                                        </button> <button id="f07-hotspot-07" class="circle" type="button" data-toggle="modal" data-target="#f07-Modal07" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Body Armor</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Vietnam War</h2>
                                <p>In the decade following the Korean War, from 1954 to 1964, the Army's uniforms, small arms and equipment changed dramatically. </p>
                                <p>Due to Vietnam's tropical climate, the field uniforms (jungle fatigues) would be a new lightweight design. The change of small arms from the M-1 rifle to the M-14 rifle and later to the M-16A1 rifle resulted in a
                                  radical change to the Army’s field equipment. </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="7" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4">
                                <div id="scrollable-8" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-8" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-01.jpg) bottom left / cover;"> &nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f08-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal01" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f08-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal02" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f08-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal03" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f08-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal04" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f08-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal05" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> <button id="f08-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f08-Modal06" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Body Armor</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Desert Storm (Gulf War)</h2>
                                <p>The push to standardize uniforms for the U.S. armed forces continued in the years leading up to the Gulf War. The Desert Battle Dress Uniform (DBDU) was introduced on a large-scale in 1982 as part of a major uniform
                                  change. This was famously known as the "Chocolate Chip" pattern. Technological advances in materials and body armor added to the safety of troops in war and improved comfort.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="8" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4 switcher-fix">
                                <div id="9-pane-A" class="card tab-pane show fade active" role="tabpanel" aria-labelledby="tab-A" style="position: absolute;">
                                  <div id="scrollable-9" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-9" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-01.jpg) bottom left / cover;"> &nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f09-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f09-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f09-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f09-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f09-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weaponry</div>
                                          </button> <button id="f09-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f09-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Body Armor</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div id="9-pane-B" class="card tab-pane fade" role="tabpanel" aria-labelledby="tab-B" style="position: absolute;">
                                  <div id="scrollable-9b" class="scrollable">
                                    <div class="inside">
                                      <div class="rot-photo">
                                        <div id="frame-9b" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-01.jpg) bottom left / cover;">&nbsp; </div>
                                        <div class="hotspots hotspots0"> <button id="f09b-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal01" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Headgear</div>
                                          </button> <button id="f09b-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal02" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Clothing</div>
                                          </button> <button id="f09b-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal03" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Footwear</div>
                                          </button> <button id="f09b-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal04" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Equipment</div>
                                          </button> <button id="f09b-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal05" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Weapons</div>
                                          </button> <button id="f09b-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f09b-Modal06" tabindex="-1">
                                            <div class="pulsating-circle"></div>
                                            <div class="title">Body Armor</div>
                                          </button> </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Operation Enduring Freedom, Operation Iraqi Freedom</h2>
                                <p>At the beginning of the 21st century, the military services began developing their own warfighting clothing, boots, body armor and equipment. The slight differences in uniform direction were meant to meet the
                                  specific mission of each service branch. </p>
                                <p>The Army continued to improve uniform technology throughout the global war on terror. The Army Combat Uniform, specifically developed for use with body armor, replaced the Battle Dress Uniform after the ACU's
                                  introduction in 2004. </p>
                                <div class="variation-selector">
                                  <h3>Variations</h3>
                                  <ul class="nav nav-pills">
                                    <li class="active"><a id="9-tab-A" href="#9-pane-A" class="nav-link" data-toggle="pill" tabindex="-1">Early 2000s</a> </li>
                                    <li><a id="9-tab-B" href="#9-pane-B" class="nav-link" data-toggle="pill" tabindex="-1">Late 2000s</a> </li>
                                  </ul>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <div class="slick-slide" data-slick-index="9" aria-hidden="true" style="width: 1600px;" tabindex="-1">
                        <div>
                          <div style="width: 100%; display: inline-block;">
                            <div class="dgov-grid dgov-justify-center">
                              <div class="dgov-col-md-6 dgov-col-lg-5 dgov-col-xlg-4">
                                <div id="scrollable-10" class="scrollable">
                                  <div class="inside">
                                    <div class="rot-photo">
                                      <div id="frame-10" class="changer-container photo-changer frame" style="background: url(/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-01.jpg) bottom left / cover;">&nbsp; </div>
                                      <div class="hotspots hotspots0"> <button id="f10-hotspot-01" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal01" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Headgear</div>
                                        </button> <button id="f10-hotspot-02" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal02" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Clothing</div>
                                        </button> <button id="f10-hotspot-03" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal03" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Footwear</div>
                                        </button> <button id="f10-hotspot-04" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal04" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Equipment</div>
                                        </button> <button id="f10-hotspot-05" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal05" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Weapons</div>
                                        </button> <button id="f10-hotspot-06" class="circle" type="button" data-toggle="modal" data-target="#f10-Modal06" tabindex="-1">
                                          <div class="pulsating-circle"></div>
                                          <div class="title">Body Armor</div>
                                        </button> </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                              <div class="dgov-col-lg-5 dgov-col-md-6 variations">
                                <h2>Modern</h2>
                                <p>Since operations Enduring Freedom and Iraqi Freedom, advancements continue in garment material, body armor and equipment. With newer technology, such as flame-retardant and permethrin-infused clothing, soldiers are
                                  further protected from burns and insect-borne diseases. </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div><i class="fa fa-chevron-right carousel-next slick-arrow" style="" aria-disabled="false"></i>
                </div> <!-- ITEM 1 MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f01-Modal01" tabindex="-1" role="dialog" aria-labelledby="f01-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f01-Modal01title">Headgear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Tricorne hat:</h4>
                              <p>This cocked hat was made of black felt and often bound around the edge of the brim with white wool tape. A white trim of wool tape represented foot troops and yellow trim represented artillery troops. A black cockade
                                made from ribbon was attached to the left front, held by a cord and button. This was changed to black and white when France joined the war in support of the United States.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f01-Modal02" tabindex="-1" role="dialog" aria-labelledby="f01-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f01-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Coats:</h4>
                              <p>The Continental Army uniform coat was made of dark blue wool – a direct contrast to the British Army’s red uniforms.</p>
                              <p>The collar, cuffs and lapels were trimmed with a variety of colors depending on the region: white for New England; buff for New York and New Jersey; red for the mid-Atlantic states; and blue for the southern states.
                              </p>
                              <h4>Waistcoat (vest):</h4>
                              <p>Worn under the coat and over the shirt, the waistcoat was generally single breasted with a standing collar and two small front pockets.</p>
                              <h4>Shirts:</h4>
                              <p>Shirts were usually made of coarse, white or natural linen and were long and loose fitting, with full, long sleeves and a large collar. (Not pictured)</p>
                              <h4>Neck Stock:</h4>
                              <p>Worn over the shirt collar and fastened around the neck with a buckle, clasp or tie-string, the neck stock helped soldiers maintain a military posture. They were typically black and made of woven horsehair, leather or
                                linen.</p>
                              <h4>Overalls:</h4>
                              <p>Overalls were usually made of white wool for winter service and white linen for summer service. Trousers were usually tailored to fit looser and baggier than breeches.</p>
                              <h4>Breeches:</h4>
                              <p>A common form of civilian garment, breeches were worn early in the war. Full in the seat and tight in the leg, the breeches extended just below the knee. They were often made of wool or linen, and in some cases,
                                leather. (Not pictured)</p>
                              <div class="yk">
                                <p>General George Washington considered overalls to be a superior item of clothing, and by the end of 1778, they had been adopted by most American regiments, replacing breeches.</p>
                                <p>During the first few years of the war, substantial stocks of uniforms were made in centers, such as Boston, Philadelphia, Baltimore and Charleston. These uniforms were made of locally woven cloth or cloth imported
                                  from France.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f01-Modal03" tabindex="-1" role="dialog" aria-labelledby="f01-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f01-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Shoes were low quarter, black leather with buckles or ties (laces).</p>
                              <div class="yk">
                                <p> There was no distinction between left and right shoes.</p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f01-Modal04" tabindex="-1" role="dialog" aria-labelledby="f01-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f01-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The most common form of <strong>knapsack</strong> was a square linen bag with a large flap that was usually painted to provide protection in damp weather. It was used to hold spare clothing, personal items and a
                                folded blanket under the flap. (not pictured)</p>
                              <p>The <strong>haversack</strong> was a white, linen bag for carrying food, utensils and small personal items.</p>
                              <p>The <strong>canteen</strong> which was used to carry liquids, usually water, was a round, wooden “cheese box” drum. It had a wooden stopper and was held by a leather shoulder strap.</p>
                              <p>The two <strong>crossbelts</strong> were usually made of “whitened buff” leather, although tanned leather or a woven linen was sometimes used. </p>
                              <p>One of the belts extended from the left shoulder to the right hip and supported the <strong>cartridge box</strong>. This was also generally leather, and had a wooden block inside with holes drilled in the top to hold
                                pre-rolled paper cartridges, usually about two dozen rounds. </p>
                              <p>The other belt, which hung in the opposite direction and featured a buckle or breastplate to adjust length, supported the <strong>scabbard</strong> for the <strong>bayonet</strong>. The blackened, tanned leather
                                scabbard was sized to fit the bayonet's blade.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f01-Modal05" tabindex="-1" role="dialog" aria-labelledby="f01-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f01-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The <strong>British short land service musket</strong>, also known as the second model Brown Bess musket, was a smoothbore, flintlock musket that fired a .75-caliber lead ball. </p>
                              <p>By the end of the war, the M1766 Charleville provided by French allies was the most prevalent weapon in the Continental Army’s inventory. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- ITEM 2 MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f02-Modal01" tabindex="-1" role="dialog" aria-labelledby="f02-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f02-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The <strong>“tombstone” shako cap</strong> was a tall, black, flat-top cap with a slight extension at the top. Initially made of felt, it was changed to leather for better weather protection. A cap plate bore the unit
                                insignia and a white wool plume. A braided cord with tassels was yellow or white: Yellow represented artillery, and white was for infantry. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f02-Modal02" tabindex="-1" role="dialog" aria-labelledby="f02-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f02-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Coatee:</h4>
                              <p>This tight-fitting uniform garment was waist length in front and had short tails at the back. The single-breasted coatee had 10 metal button closures and a high standing collar trimmed with white lace. Dark blue was
                                the regulation color, but due to dye shortages – most dyes came from Europe – gray, brown and green wools were also used.</p>
                              <div class="yk">
                                <p>At the time, there were no branch colors as we have today. Foot troops used silver or white trim; all others used gold or yellow trim.</p>
                              </div>
                              <h4>Waistcoat:</h4>
                              <p>Also called a vest, it was single-breasted with a tall, standing collar and went over the shirt and under the coatee. The summer waistcoat was white linen and in winter, it was wool. (Not pictured)</p>
                              <h4>Shirts:</h4>
                              <p>Generally made of course, white or natural linen, shirts were long and loose fitting with full, long sleeves and a large collar. The shirt also doubled as a sleeping garment. (Not pictured)</p>
                              <h4>Neck Stock:</h4>
                              <p>Worn over the shirt collar to help soldiers maintain military posture, neck stocks were usually black leather and fastened with a brass clasp.</p>
                              <h4>Trousers:</h4>
                              <p>Full in the seat with tight legs ending at the ankles, trousers had replaced both breeches and overalls by the War of 1812. Like the waistcoat, trousers were white linen for summer and blue, white or gray wool for
                                winter.</p>
                              <h4>Gaiters:</h4>
                              <p>Also called leggings, gaiters served to keep dirt out of the shoes and to protect the legs in rough terrain. They were worn over trouser legs and stopped just below the knee. Gaiters were black wool or painted black
                                canvas with a button closure on the outer side and a strap under the boot.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f02-Modal03" tabindex="-1" role="dialog" aria-labelledby="f02-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f02-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The blackened, tanned leather shoes usually had the rough side facing out. Small wooden pegs held together the leather soles and the rest of the boot was sewn together with linen thread.</p>
                              <div class="yk">
                                <p>There was no distinction between the left and right shoes. </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f02-Modal04" tabindex="-1" role="dialog" aria-labelledby="f02-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f02-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Soldiers used a linen <strong>knapsack</strong> to carry spare clothing, personal items and a folded blanket under the flap, which was painted light blue with the letters “U.S.” in an oval and secured by three leather
                                straps. Everything that wasn't worn against the body was painted as a waterproofing technique.</p>
                              <p>The white linen <strong>haversack</strong> carried food, utensils and small personal items.</p>
                              <p>Generally a round, wooden “cheese box” drum, the <strong>canteen</strong> held liquids, usually water. It had a wooden stopper and hung from a leather strap, and most were painted sky blue according to regulations,
                                with white "U.S." letters painted on the face.</p>
                              <p>The <strong>crossbelts</strong> were made of “whitened buff” leather or dyed black. (a more efficient choice).</p>
                              <p>The black leather <strong>cartridge box</strong> contained a wooden block with holes drilled in the top to hold pre-rolled paper cartridges. Under the block, a tin tray with three compartments held spare flints, a
                                musket tool and a cleaning rag. A belt that hung crosswise from the left shoulder supported the weight of the box.</p>
                              <p>The other belt supported the <strong>scabbard</strong> for the <strong>bayonet</strong> and was worn from right shoulder to left hip. It also featured an oval breast plate used to adjust the length. The scabbard was
                                made of black leather and was sized to fit the blade of the bayonet.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f02-Modal05" tabindex="-1" role="dialog" aria-labelledby="f02-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f02-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>M1795 Springfield musket:</h4>
                              <p>The first American model musket to be issued that was manufactured at the Springfield Arsenal in Massachusetts and by several private contractors, including Eli Whitney. It was a direct copy of the French Charleville
                                musket used in the Revolutionary War.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- ITEM 3A MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f03-Modal01" tabindex="-1" role="dialog" aria-labelledby="f03-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The <strong>M1858 Army hat</strong>, referred to as the dress hat or Hardee Hat, was made of black felt with a three-inch brim looped up on one side and held with a stamped brass eagle (from the Arms of the United
                                States). The branch insignia for the infantry was a looped hunting horn with the regimental number in the center and the company letter on top. The forage cap - described under Fatigue Uniform - was also issued.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03-Modal02" tabindex="-1" role="dialog" aria-labelledby="f03-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Coats:</h4>
                              <p>The two coats issued the most to foot troops throughout the war were the 1858 <strong>dress coat</strong> and the <strong>sack coat</strong>, or fatigue blouse.</p>
                              <p>Infantry, cavalry and light artillery units wore the <strong>sack coat</strong> which was made of dark blue, loosely woven flannel wool, reached just below the waistline and came in four sizes. Single-breasted with
                                four brass coat buttons and a simple roll collar, the sack coat was meant for work or detail, but was more prevalent on the battlefield by the end of the war than the dress coat. </p>
                              <p>The 1858 <strong>dress coat</strong>, also known as a frock to civilians, was made of dark blue wool with skirts extending halfway to the knees. It was single-breasted with nine brass general service eagle buttons in
                                front and a standing collar hooked together at the neck. The sleeves had pointed cuffs, open at the seam and secured with two small brass general service buttons. The edge of the collar and the cuffs were piped with a
                                welt of cloth in the branch color (sky blue for infantry). This coat was more commonly worn by infantry soldiers earlier in the war and by certain infantry and heavy artillery units throughout.</p>
                              <h4>Shirts:</h4>
                              <p>Army-issue shirts were pullover style and made of white domet flannel – a cotton or cotton and wool flannel. They were coarse, inexpensive and easy to manufacture. (Not pictured)</p>
                              <h4>Trousers:</h4>
                              <p>Enlisted soldiers wore full-cut, straight leg, cuffed, creaseless trousers with vertical side pockets, made of sky blue kersey – a kind of coarse wool. A small tightening belt known as a yoke helped them fit properly.
                                They were issued in four sizes, without belts or suspenders, though soldiers could wear their own.</p>
                              <h4>Drawers:</h4>
                              <p>White cotton long drawers buttoned at the waist in front and sometimes had adjustment ties on each side. There were also ties at the bottom of each leg that fastened under the instep and prevented the legs from riding
                                up. (Not Pictured)</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03-Modal03" tabindex="-1" role="dialog" aria-labelledby="f03-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Shoes, known as <strong>Jefferson bootees</strong>, were ankle-high, laced, smooth blackened leather with soles held together by small wooden pegs.</p>
                              <div class="yk">
                                <p>They were very similar to the 1812 shoe except they were now made specifically for left and right feet. </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03-Modal04" tabindex="-1" role="dialog" aria-labelledby="f03-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p> The double-bag <strong>knapsack</strong>, made of black painted or enameled cotton cloth, held soldiers’ spare clothing and personal items. It could also carry the blanket, ground cloth/poncho, partial tent called a
                                shelter half, and shelter half poles and pins (if those were retained by the soldier). </p>
                              <p>The <strong>haversack</strong>, a canvas painted or enameled black bag, featured a shoulder strap of the same material. A large flap was secured in front with a leather strap and buckle. A white inner cloth bag was
                                used to carry rations, eating utensils and other small items. </p>
                              <p>The <strong>M1858 canteen</strong> was an oblate spheroid made of pressed tin with three strap loops around the edge and a pewter spout with a cork stopper at the top. The cork was capped with tin and had an iron ring
                                and chain attached at the top. The body of the canteen was covered in sky blue or brownish gray fabric.</p>
                              <div class="yk">
                                <p>There was no government-issued personal identification or first aid kit at this time.</p>
                              </div>
                              <p>The <strong>M1861 cartridge box</strong> was made of black leather with a large outer flap. Attached to the center of the flap was an oval, lead-filled brass plate with a raised rim and the letters “U.S.” A tin inner
                                liner divided two upper and two lower compartments, each holding 10 rounds of .58 caliber cartridges.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03-Modal05" tabindex="-1" role="dialog" aria-labelledby="f03-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Most notable were the .577-caliber British M1853 Enfield rifle-musket and <strong>.58-caliber M1861 and M1863 Springfield rifle-muskets</strong>. The American-made weapons each had a triangular bayonet. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03-Modal06" tabindex="-1" role="dialog" aria-labelledby="f03-Modal06title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03-Modal06title">Front Equipment </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>A blackened buff leather <strong>waist belt</strong> added to the uniform had a brass plate or buckle that was stamped with “U.S.” and filled with lead in the back to give it weight. An attached black leather
                                <strong>percussion cap pouch</strong> contained primers for the rifle or musket. A sewn-in strip of sheep’s wool kept musket caps from falling out. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- ITEM 3B MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f03b-Modal01" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>The <strong>forage cap</strong> originally was intended to be worn during fatigue or foraging duty rather than during garrison or dress duties. It was made of dark blue wool with a leather bill in front and a leather
                                chinstrap held in place by a small brass general service eagle button on each side. While light and comfy, the cap didn’t offer good protection from extreme weather. Soldiers also received the <strong>M1858 Army
                                  hat.</strong>(see Civil War Dress Uniform for a description of this hat)</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03b-Modal02" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Coats:</h4>
                              <p>The two coats issued the most to foot troops throughout the war were the 1858 <strong>dress coat</strong> and the <strong>sack coat</strong>, or fatigue blouse.</p>
                              <p>Infantry, cavalry and light artillery units wore the <strong>sack coat</strong> which was made of dark blue, loosely woven flannel wool, reached just below the waistline and came in four sizes. Single-breasted with
                                four brass coat buttons and a simple roll collar, the sack coat was meant for work or detail, but was more prevalent on the battlefield by the end of the war than the dress coat. </p>
                              <h4>Shirts:</h4>
                              <p>Army-issue shirts were pullover style and made of white domet flannel – a cotton or cotton and wool flannel. They were coarse, inexpensive and easy to manufacture. (Not pictured)</p>
                              <h4>Trousers:</h4>
                              <p>Enlisted soldiers wore full-cut, straight leg, cuffed, creaseless trousers with vertical side pockets, made of sky blue kersey – a kind of coarse wool. A small tightening belt known as a yoke helped them fit properly.
                                They were issued in four sizes, without belts or suspenders, though soldiers could wear their own.</p>
                              <h4>Drawers:</h4>
                              <p>White cotton long drawers buttoned at the waist in front and sometimes had adjustment ties on each side. There were also ties at the bottom of each leg that fastened under the instep and prevented the legs from riding
                                up. (Not Pictured)</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03b-Modal03" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Shoes, known as <strong>Jefferson bootees</strong>, were ankle-high, laced, smooth blackened leather with soles held together by small wooden pegs. </p>
                              <div class="yk">
                                <p>They were very similar to the 1812 shoe except they were now made specifically for left and right feet. </p>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03b-Modal04" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p> The double-bag <strong>knapsack</strong>, made of black painted or enameled cotton cloth, held soldiers’ spare clothing and personal items. It could also carry the blanket, ground cloth/poncho, partial tent called a
                                shelter half, and shelter half poles and pins (if those were retained by the soldier). </p>
                              <p>The <strong>haversack</strong>, a canvas painted or enameled black bag, featured a shoulder strap of the same material. A large flap was secured in front with a leather strap and buckle. A white inner cloth bag was
                                used to carry rations, eating utensils and other small items. </p>
                              <p>The <strong>M1858 canteen</strong> was an oblate spheroid made of pressed tin with three strap loops around the edge and a pewter spout with a cork stopper at the top. The cork was capped with tin and had an iron ring
                                and chain attached at the top. The body of the canteen was covered in sky blue or brownish gray fabric.</p>
                              <div class="yk">
                                <p>There was no government-issued personal identification or first aid kit at this time.</p>
                              </div>
                              <p>The <strong>M1861 cartridge box</strong> was made of black leather with a large outer flap. Attached to the center of the flap was an oval, lead-filled brass plate with a raised rim and the letters “U.S.” A tin inner
                                liner divided two upper and two lower compartments, each holding 10 rounds of .58 caliber cartridges.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03b-Modal05" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p> The .577-caliber <strong>British M1853 Enfield rifle-musket</strong> and .58-caliber M1861 and M1863 Springfield rifle-muskets, made in America, were common late in the war and each had a triangular bayonet. </p>
                              <p>The M1842 Springfield musket which was common earlier in the war, was smooth-bore – which was not very accurate – .69-caliber and had a triangular bayonet. It was less common to see by the end of the war. (Not
                                pictured)</p>
                              <p>The black leather <strong>bayonet scabbard</strong> which hung from the waist belt was sized to fit the blade of the bayonet. It had a brass tip on the bottom and was stitched at the top to a curved leather piece with
                                a belt loop called the frog.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f03b-Modal06" tabindex="-1" role="dialog" aria-labelledby="f03b-Modal06title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f03b-Modal06title">Front Equipment </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>A blackened buff leather <strong>waist belt</strong> added to the uniform had a brass plate or buckle that was stamped with “U.S.” and filled with lead in the back to give it weight. An attached black leather
                                <strong>percussion cap pouch</strong> contained primers for the rifle or musket. A sewn-in strip of sheep’s wool kept musket caps from falling out. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- ITEM 4 MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f04-Modal01" tabindex="-1" role="dialog" aria-labelledby="f04-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal01title"> Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Soldiers sent to Europe as part of the AEF received the soft cloth <strong>overseas cap</strong>, which was based on British and French designs. They could carry it in a pocket when wearing the helmet. (Not pictured)
                              </p>
                              <p>U.S. troops initially used the British version of the <strong>M1917 steel helmet</strong> – known as the “Brodie” helmet – but the U.S. was producing and fielding its own copy by 1918. Meant to deflect overhead shell
                                fragments, the helmet was not bulletproof. It had a rounded crown, flared brim, leather lining and a chin strap that fastened inside it. It was painted a brownish olive green and given a sand texture to make it less
                                reflective. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f04-Modal02" tabindex="-1" role="dialog" aria-labelledby="f04-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p><strong>M1912/M1917 Service Uniform</strong> made of olive drab wool and cotton liner, the single-breasted service coat had four flapped pockets and five buttons. Its short standing collar hooked and displayed two
                                discs: One had “U.S.” on it originally and later bore the regimental number; the other had the branch emblem and, generally, the company letter.</p>
                              <p>Soldiers also were issued <strong>M1916 shirts</strong> – pullover flannel garments in olive drab that each had a collar, two pockets, three buttons on the placket and sleeve reinforcement over the elbows. (Not
                                pictured)</p>
                              <p>Men were issued olive drab wool service <strong>breeches</strong>, which fit with the style of the time – flaring out at the thigh, tapering at the knee and fitting tightly at the calf, where they ended with a lace-up
                                closure.</p>
                              <p>Called spiral puttees, <strong>leg wraps</strong> were wool cloth strips that were several feet long, wrapped tightly around the top of the boot and extended to just below the knee. Effective in protecting the legs
                                from underbrush, dirt, mud and more in the trenches, leg wraps replaced canvas leggings.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f04-Modal03" tabindex="-1" role="dialog" aria-labelledby="f04-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>(pictured) The ankle-high, lace-up <strong>M1917 trench boots</strong> were made of chrome vegetable-tanned cowhide, rough-side out. They replaced the ineffective russet leather marching shoe and foreign-made boots.
                                When they proved inadequate under prolonged combat conditions, the Army adopted the <strong>M1918 trench boot</strong> (later known as the Pershing boot), which was made of the same cowhide as the 1917, but was
                                sturdier and better suited for the trenches. It had hobnails for traction, steel heel plates like a horseshoe and steel toecaps to prevent undue wear. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f04-Modal04" tabindex="-1" role="dialog" aria-labelledby="f04-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Olive drab or khaki in color, the <strong>M1910 Haversack</strong> was a lightweight canvas pack that held an M1910 entrenching tool (shovel, pick-mattock or ax) and cover, meat pan, mess gear, condiment can, extra
                                clothing, sewing kit and toiletries – although combat troops rarely had all of these items when in action. The M1907 bayonet and scabbard attached to the left side of the haversack flap. A lower extension held
                                blankets, shelter half, poles and pegs that could quickly be dropped when going into action. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f04-Modal05" tabindex="-1" role="dialog" aria-labelledby="f04-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Soldiers were equipped with the bolt-action <strong>M1903 Springfield Rifle</strong> which held five rounds of .30-caliber ammunition in an internal magazine. The M1905 bayonet, a 16-inch knife that was no longer
                                triangular, was attached to the gun or carried in a leather and canvas scabbard when not in use. Versions of this rifle continued to be used through the Korean War. </p>
                              <p>Because of shortages, the M1903 was supplemented with a similar weapon of British design, the <strong>M1917 Enfield Rifle</strong>. It held six rounds and was about a pound lighter than the M1903. The M1917 bayonet
                                was nearly identical to the M1905 although not interchangeable. </p>
                              <p>WWI marked the first time the U.S. would use the <strong>M1911 Colt .45-caliber automatic pistol</strong>. M1909 and M1917 .45-caliber revolvers were also used.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f04-Modal06" tabindex="-1" role="dialog" aria-labelledby="f04-Modal06title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f04-Modal06title">Front Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Bandoleer:</h4>
                              <p>A khaki cloth bandoleer with a strap so it could be worn over the shoulder, was stitched to form six pockets that would each hold two extra ammo clips. (not pictured) </p>
                              <h4>M1910 Cartridge Belt:</h4>
                              <p>A series of straps and metal grommets connected the haversack to the M1910 Cartridge Belt, which helped with weight distribution. The belt was made of webbed cotton canvas and featured a brass buckle. Each side had
                                five pockets for five-round clips of.30-caliber ammunition. An aluminum kidney-shaped canteen and cup hung from the belt in a canvas cover, along with a newly introduced first aid pouch.</p>
                              <h4>Gas Mask:</h4>
                              <p>The British small box respirator contained in a canvas haversack and worn on the chest, was the primary protection against newly introduced chemical warfare (chlorine, phosgene and mustard gas). The snug rubberized
                                facepiece was connected by a hose to an activated charcoal filter, a concept derived from American coal miners. Soldiers received an American-made version of the gas mask by the end of the war.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f04b-Modal01" tabindex="-1" role="dialog" aria-labelledby="f04b-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f04b-Modal01title"> Uniform </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Four African-American infantry regiments deployed overseas and were assigned to the French army for combat service. They retained their primary uniform components (coat, shirt, breeches, leg wraps and boots), but
                              everything else was generally of French patterns. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div> <!-- ITEM 5A MODALS--> <!-- DONE -->
                <div class="item-model-group">
                  <div class="modal fade" id="f05-Modal01" tabindex="-1" role="dialog" aria-labelledby="f05-Modal01title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f05-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h4>Cap:</h4>
                              <p>A soft cloth cap similar to the WWI overseas cap or garrison cap, was used at camp, but not on the front lines. The cap was olive drab wool serge or khaki cotton with piping on the edge of the side flaps, and the
                                color was dependent on the branch. (Not pictured)</p>
                              <h4>M1 helmet:</h4>
                              <p>This manganese steel upgrade from the WWI helmet provided greater ballistic protection, was stable to wear and didn’t interfere with the soldier’s vision or ability to fire weapons. The olive drab helmet was also
                                finished with sand/cork to give it a less reflective texture and came with a two-piece webbed chinstrap. It had a separate liner made of plastic impregnated cotton that molded to shape. A canvas webbing suspension
                                system allowed for a custom fit. Like the WWI helmet, they were meant to deflect shell fragments and were not bulletproof.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f05-Modal02" tabindex="-1" role="dialog" aria-labelledby="f05-Modal02title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f05-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3>European Theater of Operations</h3>
                              <h4>Field Jackets:</h4>
                              <p>There were two versions of field jackets: the 1941 and 1943. (Pictured) 1943:This darker-colored olive drab cotton-poplin jacket phased out the 1941 version. It was single-breasted with hidden buttons and added two
                                interior pockets, a detachable hood, a cotton-poplin liner and an internal synching tie to draw it in for a better fit. It was also more wind- and water-resistant. The 1941 olive drab cotton-poplin windbreaker-style
                                jacket was lined with wool flannel. It had a zipper, a roll collar, buttons and slanted front pockets. It was loose and economical, so it replaced the service coat in the field.</p>
                              <h4>Overcoats:</h4>
                              <p>Made of wool melton, a thick, dense fabric with a soft surface. (Not pictured)</p>
                              <h4>Service Shirts:</h4>
                              <p>Button-up style in olive drab wool flannel. The collar was designed to be worn with a necktie. Shirts had two breast pockets and securable cuffs. (Not pictured)</p>
                              <h4>P1937 Trousers:</h4>
                              <p>Made of olive drab wool serge, these were worn for service and in the field. They were unlined, had a button fly, diagonal side pockets, one pocket in the rear, belt loops and suspender buttons on the inside. By this
                                time, breeches were only used by mounted cavalry soldiers. </p>
                              <h4>M1943 Trousers:</h4>
                              <p>Issued in the middle of the war, these unlined cotton poplin trousers were a darker shade of olive drab. Adjustment tabs were added to the ankles and waist, and they could be worn over wool trousers in cold weather.
                                (Not pictured)</p>
                              <h4>M1938 Leggings:</h4>
                              <p>The khaki or olive drab cotton canvas leggings were worn with the field service shoe. They were laced up the side with a cord and secured with hooks and eyelets. An adjustable strap went under the soldier’s instep.
                                Troops who received combat boots that were issued starting in 1943 no longer needed the leggings. Puttees had also been phased out because there was no more trench warfare. (Not pictured)</p>
                              <h3>Pacific Theater of Operations</h3>
                              <div class="yk">
                                <p>U.S. troops first used camouflage in WWII in the Pacific theater, not in Europe, because Germans wore it there. However, it wasn’t prevalent in the Pacific. The uniforms were reversible: A green color scheme for
                                  jungle and tan scheme for the beach. (Not pictured)</p>
                              </div>
                              <h4>Jackets:</h4>
                              <p>Herringbone twill cotton was used for these unlined olive drab-colored jackets because it was more airy than wool and dried quicker. This single-breasted jacket had five buttons, two flap-secured breast pockets and a
                                roll collar designed to be worn open at the neck. While herringbone twill was designated a jungle-desert combat outfit, some were issued to troops participating in the Normandy invasion that had added protection from
                                chemical agents.</p>
                              <h4>Trousers:</h4>
                              <p>Herringbone twill cotton was used for these olive drab-colored trousers because it was more airy than wool and dried quicker. Unlined, the trousers had a button fly, belt loops and suspender buttons on the inside.
                                Each side had a large flap-secured cargo pocket.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f05-Modal03" tabindex="-1" role="dialog" aria-labelledby="f05-Modal03title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f05-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p><strong>Field service shoes</strong> were initially ankle-high and made of roughout leather (softer than in WWI) or smooth russet. Soles and heels were now made of durable synthetic rubber. By 1943, the combat service
                                boot was introduced with these same features, but also included a two-buckle leather cuff at the top. Pacific soldiers were also often issued olive drab cotton canvas jungle boots with black rubber soles that were tall
                                and laced in the front using hooks and eyelets. </p>
                              <p><strong>Shoe Pacs</strong> were rubber boots issued for winter climates and worn with a felt liner insert to wick out water. These were worn in place of the regular boot. (Not pictured)</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f05-Modal04" tabindex="-1" role="dialog" aria-labelledby="f05-Modal04title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f05-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Trigger-finger mittens were introduced. Not many other changes were made to the style of equipment since large quantities of what had been manufactured during WWI were still on hand. </p>
                              <p>This soldier wears the M1928 <strong>haversack</strong>, which was nearly identical to the M1910 version, with the addition of a few quick-release buckles.</p>
                              <p>The M1910 <strong>entrenching tool</strong> from WWI is attached. There’s also a M1936 <strong>Musette bag</strong> for extra storage.</p>
                              <p>Metal grommets attached to the straps of the haversack and could attach to more equipment such as the <strong>M1910 aluminum canteen and cup</strong>, their cotton canvas cover and the <strong>M1910 first aid packet
                                  and pouch</strong>.</p>
                              <p>The new <strong>M1945 Combat &amp; Cargo Pack</strong> also came out but was issued only in limited numbers by war’s end. It was two pieces that could be worn together or separately. (Not pictured)</p>
                              <p>Since chemical warfare was expected after WWI, many variations were fielded during WWII. The M2A1 &amp; M2A2 series <strong>gas masks</strong> (not pictured) and the M3 lightweight gas mask were used during the early
                                part of the war. Each mask connected to a filter canister by a hose. In 1944, D-D ay troops were among those issued the M5 assault gas mask in a waterproof carrier. This mask’s filter canister screwed directly into the
                                cheek of the facepiece and became the pattern for the development of postwar gas masks.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div class="modal fade" id="f05-Modal05" tabindex="-1" role="dialog" aria-labelledby="f05-Modal05title" aria-hidden="true">
                    <div class="modal-dialog" role="document">
                      <div class="modal-content">
                        <div class="modal-header">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <h3 class="modal-title" id="f05-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                            </div>
                          </div>
                        </div>
                        <div class="modal-body">
                          <div class="dgov-grid">
                            <div class="dgov-col-lg-12 dgov-col-md-12">
                              <p>Newer firepower was introduced although soldiers continued to use variations of the M1903 Springfield rifle from WWI.</p>
                              <h4>M1 Garand .30-caliber rifle:</h4>
                              <p>Introduced in 1936, this was the first gas-operated, clip-loaded semi-automatic rifle in the world, giving the U.S. significant firepower advantage. An expendable “en bloc” steel clip held eight rounds of ammo each.
                              </p>
                              <h4>M1 .30-caliber carbine:</h4>
                              <p>This lightweight carbine was used by rear-echelon troops, noncommissioned officers and specialist troops. The carbine used a shorter, less powerful .30-caliber cartridge with a 15-round magazine.</p>
                              <h4>Bayonets:</h4>
                              <p>The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI. Then came a new version, the M1942, which was also 16 inches but had plastic grips instead of wood, an anti-corrosion coating on the
                                metal and a cotton scabbard. In 1943, a 10-inch version of the M1942 bayonet was created and remaining M1905 and M1942 versions were cut down to match.</p>
                              <h4>Additional weapons:</h4>
                              <p>Machete-like bolo knives, Colt. 45 pistols, Thompson submachine guns, Browning Automatic Rifles and the M3A1 submachine gun.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05-Modal06" tabindex="-1" role="dialog" aria-labelledby="f05-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05-Modal06title">Front Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>A six-pocket cloth <strong>bandoleer</strong> carried with a strap over the shoulder was used for M1 Garand and M1903 rifle .30-caliber ammunition clips.</p>
                            <p>The <strong>M1923 Dismounted Cartridge Belt</strong> provided 10 canvas pockets for 10 more eight-round en bloc clips for the M1 Garand rifle.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 5B MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f05b-Modal01" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Cap:</h4>
                            <p>While this soft cloth cap was similar in appearance to the WWI overseas cap, it was now known as the garrison cap and worn at camp but not on the front lines. It was olive drab wool serge or khaki cotton. There was
                              piping on the edge of the side flaps and the color was branch-dependent. (Not pictured)</p>
                            <h4>M1 helmet:</h4>
                            <p>This manganese steel upgrade from the WWI helmet provided greater ballistic protection, was stable to wear and didn’t interfere with the soldier’s vision or ability to fire weapons. Olive drab in color, it was also
                              finished with sand or cork for a less reflective texture. The helmet featured a two-piece webbed chinstrap and had a separate liner made of plastic impregnated cotton that molded to shape. A canvas webbing suspension
                              system allowed for a custom fit. The M1941 <strong>wool knit cap</strong> was sometimes worn underneath the helmet.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05b-Modal02" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3>European Theater of Operations</h3>
                            <h4>Field jackets:</h4>
                            <p>There were two versions of field jackets: the 1941 and 1943. (Pictured) 1943:This darker-colored olive drab cotton-poplin jacket phased out the 1941 version. It was single-breasted with hidden buttons and added two
                              interior pockets, a detachable hood, a cotton-poplin liner and an internal synching tie to draw it in for a better fit. It was also more wind- and water-resistant. The 1941 olive drab cotton-poplin windbreaker-style
                              jacket was lined with wool flannel. It had a zipper, a roll collar, buttons and slanted front pockets. It was loose and economical, so it replaced the service coat in the field</p>
                            <h4>Overcoats:</h4>
                            <p>Made of wool melton, the overcoat was of thick, dense fabric with a soft surface. (Not pictured)</p>
                            <h4>Service shirts:</h4>
                            <p>Button-up style in olive drab wool flannel, the shirts had two breast pockets and securable cuffs. The collar was designed to be worn with a necktie. (Not pictured)</p>
                            <h4>P1937 Trousers:</h4>
                            <p>Made of olive drab wool serge, these were worn for service and in the field. The button fly, unlined trousers had diagonal side pockets, one pocket in the rear, belt loops and suspender buttons on the inside. At that
                              time, breeches were only used by mounted cavalry soldiers. </p>
                            <h4>M1943 Trousers:</h4>
                            <p>Issued during the middle of the war, the M1943 trousers were an unlined darker shade of olive drab made of cotton poplin. Adjustment tabs were added to the ankles and waist and they could be worn over wool trousers in
                              cold weather. (Not pictured)</p>
                            <h4>M1938 Leggings:</h4>
                            <p>The khaki or olive drab cotton canvas leggings were worn with the field service shoe.They were laced up the side with a cord and secured with hooks and eyelets. An adjustable strap went under the soldier’s instep.
                              Troops who received combat boots that were issued starting in 1943, no longer needed the leggings. Puttees had also been phased out because there was no more trench warfare. (Not pictured) </p>
                            <h3>Pacific Theater of Operations</h3>
                            <div class="yk">
                              <p>U.S. troops first used camouflage in WWII in the Pacific theater, NOT in Europe, because Germans wore it there. However, it wasn’t prevalent in the Pacific. The uniforms were reversible: A green color scheme for
                                jungle and tan color scheme for the beach. (Not pictured)</p>
                            </div>
                            <h4>Jackets:</h4>
                            <p>Herringbone twill cotton was used for these unlined olive drab jackets because it was more airy than wool and dried quicker. This single-breasted jacket had five buttons, two flap-secured breast pockets and a roll
                              collar that was designed to be worn open at the neck. While herringbone twill was designated a jungle-desert combat outfit, some were issued to troops participating in the Normandy Invasion that had added protection from
                              chemical agents.</p>
                            <h4>Trousers:</h4>
                            <p>Herringbone twill cotton was used for these olive drab trousers because it was more airy than wool and dried quicker. They were unlined and had a button fly, belt loops and suspender buttons on the inside. Each side had
                              a large flap-secured cargo pocket.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05b-Modal03" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Field service shoes were initially ankle-high and made of roughout leather (softer than in WWI) or smooth russet. Soles and heels were now made of durable synthetic rubber. By midwar, the <strong>M1943 combat service
                                boot</strong> was introduced with these same features, but also included a two-buckle leather cuff at the top. Pacific soldiers were also often issued olive drab cotton canvas jungle boots with black rubber soles. They
                              were tall and laced in the front using hooks and eyelets. </p>
                            <p><strong>Shoe Pacs</strong> was a rubber boots were issued for winter climates and were to be worn with a felt liner insert to wick out water. These were to be used in place of the regular boot. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05b-Modal04" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Trigger-finger mittens were introduced and there were few changes made to the style of equipment since large quantities of what had been manufactured during WWI were still on hand. This soldier wears a
                              <strong>bedroll</strong>. The <strong>M1943 entrenching shovel</strong> had a triangular front edge and folding steelhead that could lock at various degrees.</p>
                            <p>The new <strong>M1945 combat and cargo pack</strong> (Not pictured) that was in two parts that could be worn separately was also released, but it was issued in limited numbers by war’s end.</p>
                            <p>Since chemical warfare was expected after WWI, many variations were fielded during WWII. The M2A1 and M2A2 series <strong>gas masks</strong> (not pictured) and the M3 lightweight gas mask were used during the early part
                              of the war. Each connected to a filter canister by a hose. In 1944, D-Day troops were among those issued the M5 assault gas mask in a waterproof carrier. This mask’s filter canister screwed directly into the cheek of the
                              facepiece and became the pattern for the development of postwar gas masks.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05b-Modal05" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Soldiers used variations of the M1903 Springfield rifle from WWI, but newer firepower was also introduced:</p>
                            <h4>M1 Garand .30-caliber rifle:</h4>
                            <p>Introduced in 1936, this was the first gas-operated, clip-loaded semiautomatic rifle in the world, giving the U.S. significant firepower advantage. It used an expendable “en bloc” steel clip, each holding eight rounds
                              of ammo.</p>
                            <h4>M1 .30-cal carbine:</h4>
                            <p>This lightweight carbine was used by rear-echelon troops, noncommissioned officers and specialist troops. The carbine used a shorter, less powerful .30-caliber cartridge with a 15-round magazine.</p>
                            <h4>Bayonets:</h4>
                            <p>The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI. Then came a new version, the M1942, which was also 16 inches but had plastic grips instead of wood, an anticorrosion coating on the metal
                              and a cotton scabbard. In 1943, a shorter 10-inch version of the M1942 bayonet was created. Remaining M1905 and M1942 versions were cut down to match and issued.</p>
                            <h4>Additional weapons:</h4>
                            <p>Machete-like bolo knives, Colt. 45 pistols, Thompson submachine guns, Browning Automatic Rifles and the M3A1 submachine gun.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05b-Modal06" tabindex="-1" role="dialog" aria-labelledby="f05b-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05b-Modal06title">Front Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> The <strong>M1923 dismounted cartridge belt</strong> provided 10 canvas pockets for 10 additional clips for the M1 Garand rifle. Metal grommets attached to the straps of the haversack and could attach to more equipment
                              if needed, such as the <strong>stainless steel canteen</strong>, its cup, their cotton canvas <strong>cover</strong> and a <strong>first aid pouch</strong>.</p>
                            <p>The <strong>M6 gas mask carrier</strong> and a six-pocket cloth <strong>bandoleer</strong> were carried over the shoulder for the M1 Garand and M1903 rifle .30-caliber ammunition clips. A <strong>dinner
                                k-ration</strong> was also carried in the left breast pocket.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 5C MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f05c-Modal01" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Cap:</h4>
                            <p>Similar in appearance to the WWI overseas cap, this soft cloth covering was now known as the garrison cap. Made of olive drab wool serge or khaki cotton, the cap was used in camp, not on the front lines. There was
                              piping on the edge of the side flaps; its color was branch-dependent. (Not pictured)</p>
                            <h4>M1 helmet:</h4>
                            <p>This manganese steel upgrade from the WWI helmet provided greater ballistic protection, was stable to wear and didn’t interfere with the soldier’s vision or weapon-firing capabilities. Painted olive drab, the helmet was
                              finished with sand/cork to give it a less reflective texture. It had a canvas webbing suspension system to custom-fit the head, a separate liner made of plastic impregnated cotton that molded to shape and a two-piece
                              webbed chinstrap.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05c-Modal02" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Herringbone twill:</h4>
                            <p>material was prevalent in both the European and Pacific theaters in Olive Drab No. 7 shade. It was used for jackets and trousers because it was more airy than wool and dried quicker. A one-piece coverall was an option
                              for fatigue and field use, but it wasn’t very useful in the field. Troops preferred the two-piece.</p>
                            <div class="yk">
                              <p>U.S. troops first used camouflage in WWII in the Pacific theater, not in Europe, because Germans wore it there. Still, it wasn’t prevalent in the Pacific. The uniforms were reversible: A green color scheme for the
                                jungle and a tan scheme for the beach.</p>
                            </div>
                            <h4>Jackets:</h4>
                            <p>Herringbone twill cotton was used for these unlined olive drab-colored jackets because it was more airy than wool and dried quicker. These single-breasted jackets had five buttons, two flap-secured breast pockets and
                              roll collars that were designed to be worn open at the neck. Herringbone twill was designated a jungle-desert combat outfit, though some with added protection from chemical agents were issued to troops participating in
                              the Normandy invasion.</p>
                            <h4>Trousers:</h4>
                            <p>Herringbone twill cotton was used for these olive drab-colored trousers because it was more airy than wool and dried quicker. The trousers were unlined and had a button fly, belt loops and suspender buttons on the
                              inside. Each side had a large flap-secured cargo pocket.</p>
                            <h4>M1938 Leggings:</h4>
                            <p>Puttees, which wrapped around the lower leg, had been phased out with the end of trench warfare. M1938 leggings, made of khaki or olive drab cotton canvas, laced up the side with a cord and were secured with hooks and
                              eyelets. They were worn with the field service shoe and had an adjustable strap that went under a soldier’s instep. Troops that received combat boots, which were issued beginning in 1943, no longer needed these leggings.
                            </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05c-Modal03" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p><strong>Field service shoes</strong> initially were ankle-high and made of roughout leather (softer than in WWI) or smooth russet. Soles and heels were now made of durable synthetic rubber. By 1943, the combat service
                              boot was introduced with these same features, and also included a two-buckle leather cuff at the top. Pacific soldiers often also received tall olive drab cotton canvas jungle boots that laced in the front using hooks
                              and eyelets and had black rubber soles (not pictured).</p>
                            <p><strong>Shoe Pacs</strong> were rubber boots issued for winter climates and worn with a felt liner insert to wick out water. These were worn in place of the regular boot. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05c-Modal04" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Other than the introduction of trigger-finger mittens, few changes were made to the style of field equipment issued, since large quantities of equipment manufactured during WWI were still on hand. This soldier wears the
                              M1928 <strong>haversack</strong>, which was nearly identical to the M1910 version, with the addition of a few quick-release buckles. He has the M1910 <strong>entrenching tool</strong> and the late-issue <strong>M5
                                assault gas mask</strong> in a waterproof carrier. This mask’s filter canister screwed directly into the cheek of the facepiece and became the pattern for the development of postwar gas masks.</p>
                            <p>Metal grommets attached to the straps of the haversack and could attach to more equipment if needed, such as the <strong>M1910 aluminum canteen and cup</strong>, their cotton canvas cover and the <strong>M1924 first aid
                                packet and pouch</strong>.</p>
                            <p>The new <strong>M1945 Combat &amp; Cargo Pack</strong> also came out, but it was issued in limited numbers by war’s end. It was two pieces that could be worn together or separately. (Not pictured) </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05c-Modal05" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Soldiers still used variations of the M1903 Springfield rifle from WWI, but newer firepower was also introduced:</p>
                            <h4>M1 Garand .30-caliber rifle:</h4>
                            <p>Introduced in 1936, this was the first gas-operated, clip-loaded semi-automatic rifle in the world, giving the U.S. significant firepower advantage. It used an expendable “en bloc” steel clip that held eight rounds of
                              ammunition.</p>
                            <h4>M1 .30-cal carbine: </h4>
                            <p>Rear-echelon troops, noncommissioned officers and specialist troops used this lightweight carbine, which took a 15-round magazine.</p>
                            <h4>Bayonets:</h4>
                            <p>The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI. Then came a new version, the M1942, which was still 16 inches but had plastic grips instead of wood, an anti-corrosion coating on the
                              metal and a cotton scabbard. In 1943, a shorter 10-inch version of the M1942 bayonet was created. Remaining M1905 and M1942 versions were cut down to match and issued.</p>
                            <h4>Additional weapons:</h4>
                            <p>Machete-like bolo knives, Colt .45 pistols, Thompson submachine guns, Browning automatics and M3A1 submachine guns.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f05c-Modal06" tabindex="-1" role="dialog" aria-labelledby="f05c-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f05c-Modal06title">Front Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>M1923 Dismounted Cartridge Belt</strong> provided 10 canvas pockets for 10 clips of .30-caliber ammunition for the M1 Garand Rifle. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 6 MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f06-Modal01" tabindex="-1" role="dialog" aria-labelledby="f06-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M1 Helmet: </h4>
                            <p>This was the same helmet used in WWII. However, many of the helmets in storage had been sold at a surplus, creating a shortage for Korea. Manufacturing of new helmets began in 1951.</p>
                            <h4>Caps:</h4>
                            <p>Soldiers wore the <strong>M1943 &amp; M1951 Pile Field Caps</strong> among other caps in Korea. Designed for wet, cold winter conditions, the pile caps were soft, olive drab cotton poplin with wool lining, and had
                              turn-up visors and ear flaps of synthetic fur-like material that could be worn up or down. They were meant to be worn under the M1 combat helmet. </p>
                            <p>Other caps included the herringbone twill fatigue cap for work duty in temperate weather, the M1943 cotton field cap worn during dry, cold winters and the M1951 lightweight windproof cotton field cap with rounded visor
                              and retractable earflaps for all environments.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal02" tabindex="-1" role="dialog" aria-labelledby="f06-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>M1943 field jacket</strong>, herringbone twill jacket, <strong>M1943 trousers</strong> and herringbone twill trousers were the same as in World War II, in the darker olive drab shade. Most soldiers wore the
                              M1943 field jacket until the introduction of the M1951 version during the war. Made of cotton poplin, the M1951 jacket was mostly the same as its predecessor, but with a zippered front instead of buttons and a detachable
                              mohair frieze liner for extra warmth.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal03" tabindex="-1" role="dialog" aria-labelledby="f06-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>M1943 combat boots</strong> and shoe pacs from WWII were issued until those stocks were exhausted, at which point soldiers received the M1949 version – a high lace-up russet leather boot with rubber heels
                              and soles. In 1951, the insulated rubber combat boot, known as the “Mickey Mouse,” was issued to replace the combat boots and shoepacs. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal04" tabindex="-1" role="dialog" aria-labelledby="f06-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Much of the gear remained the same as in WWII. The <strong>M1945 Combat and Cargo Pack</strong> also was used in Korea, but was a darker olive drab. The pack consisted of three components:</p>
                            <p>The OD canvas <strong>combat pack </strong>carried essential items like food, tools, clothing and other personal items (pictured here). It also had attachments to carry an entrenching shovel and M1 bayonet. Web straps
                              held a sleeping bag, parka or overcoat.</p>
                            <p>The OD canvas <strong>field cargo pack </strong>(not pictured) attached to the bottom of the combat pack using three web straps and held the shelter half, poles and pegs, spare clothing and personal items. It also had a
                              suitcase-like handle, allowing it to be both carried separately and quickly dropped when going into action. Cotton web <strong>pack suspenders</strong> could hold the combat pack or, using metal spring clips, support the
                              weight of the WWII-era cartridge belt.</p>
                            <p> <strong>The M9A1 Field Protective Mask </strong>(not pictured) issued after 1951 was a light gas mask with a rubber-molded facepiece, laminated glass, aluminum eyepieces and a filter canister that screwed onto the
                              mask’s left cheek. It came with an olive drab cotton canvas carrier bag.</p>
                            <p>As in WWII, troops in Korea used the M1943 <strong>entrenching shovels</strong>, which had a triangular front edge and folding steel head that could lock at various degrees. Also issued was the M1951, which was
                              identical to the M1943 except for the addition of a short folding pick blade.</p>
                            <p>Soldiers received the same canteens, covers and cups as in WWII. The first aid pouch was mostly the same, as was the bandoleer, which now held clips for the M1. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal05" tabindex="-1" role="dialog" aria-labelledby="f06-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M1 Garand .30-caliber rifle:</h4>
                            <p>This rifle was still widely issued, as were most other WWII weapons. The Thompson submachine gun, however, was replaced by the M2 Carbine.</p>
                            <h4>M1 Knife Bayonet: </h4>
                            <p>This 10-inch knife blade bayonet replaced the prior 16-inch versions at the end of WWII. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal06" tabindex="-1" role="dialog" aria-labelledby="f06-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal06title">Winter Gear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Overcoats:</h4>
                            <p>Overcoats were a dark olive drab cotton poplin with a snow-colored reversible side for camouflage. It closed with a zipper and buttons, had four front pockets and a fixed hood with a removable liner.</p>
                            <h4>M1951 Parka:</h4>
                            <div class="dgov-grid">
                              <div class="dgov-col-md-8">
                                <p>Parkas had an olive green cotton canvas outer shell with a fur-lined hood and detachable mohair frieze liner for extra insulation. They could be worn over the field jacket in very cold conditions and were supposed
                                  to be issued instead of overcoats, but front line troops often complained they weren’t getting them.</p>
                              </div>
                              <div class="dgov-col-md-4"> <img src="https://media.defense.gov/2021/Jan/28/2002572450/-1/-1/0/210128-D-ZZ999-701.PNG" alt="parka" style="display: block; margin: auto; width: 250px;"> </div>
                            </div>
                            <h4>Ponchos:</h4>
                            <p>Olive drab ponchos were made of nylon twill coated in vinyl resin for waterproofing. The lightweight poncho was more practical than a raincoat in the field because it could be used as a groundsheet or to cover gear. A
                              hooded version was authorized by September 1951.</p>
                            <h4>Handwear:</h4>
                            <p>Black, water-resistant leather gloves had wool-nylon blend inserts that could be worn on either hand. Trigger-finger mittens with inserts were also issued. The mittens had a strap and loop to stow the trigger finger if
                              needed, and the back of the glove was lined with insulation. (Not pictured)</p>
                            <h4>Undergarments:</h4>
                            <p>To combat the frigid temperatures in Korea, soldiers by 1951 were issued cotton-wool blend undershirts, shrink-resistant wool-nylon blend field shirts, wool boot socks to go over regular socks, crisscrossed suspenders
                              and cotton-wool long underwear. (Not pictured)</p>
                            <h4>M1951 Wool and Field Trousers:</h4>
                            <p>Olive green wool serge trousers had a waistband with belt loops, suspender straps, waist adjustment straps and four pockets. The field trousers were an olive green cotton poplin shell worn over the wool trousers in wet,
                              frigid conditions. A detachable mohair frieze liner could be attached inside the shell for added warmth. (Not pictured)</p>
                            <p>Mufflers made of wool were sometimes issued. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f06-Modal07" tabindex="-1" role="dialog" aria-labelledby="f06-Modal07title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f06-Modal07title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M1952A Armor Body Fragmentation Protective Vest:</h4>
                            <p>The Army and Marines began testing combat body armor in Korea in 1951. While Marines standardized one vest, the Army developed a superior one. This model, the M1952A, was 8½ pounds, with 12 layers of ballistic nylon in
                              an olive green cover. It was adjustable and had two chest pockets and a thin strip of webbing to carry grenades. The M1952A was issued to troops through the end of the war, except for a few months when production
                              problems resulted in the Marine Corps vest being provided instead. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 7 MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f07-Modal01" tabindex="-1" role="dialog" aria-labelledby="f07-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal01title">Headgear </h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M1 Helmet:</h4>
                            <p>The M1 steel helmet and liner were virtually the same as those used in World War II, and many of those helmets were still in use. In 1969, new liners made of ballistic nylon with removable suspension began replacing the
                              older pattern liners.</p>
                            <p>Cotton camouflage covers were prevalent in a design known as the "Mitchell" pattern. They were reversible, with leaf camouflage in green colors on one side and brown colors on the other. The covers had buttonholes for
                              inserting natural foliage for additional camouflage, and an olive green elastic camouflage helmet band that could hold items such as insect repellent bottles.</p>
                            <div class="yk">
                              <p>The Mitchell pattern camouflage helmet cover was worn until the Woodland pattern for the Battle Dress Uniform replaced it in the early 1980s. </p>
                            </div>
                            <p>The <strong>Tropical Hat</strong>, also known as the <strong>Boonie Hat</strong>, was made of olive green shade 107 cotton cloth and had a 2½-inch wide brim with a flat-top crown. It featured an adjustable nylon lace
                              chinstrap, two half-inch screened ventilation eyelets on each side and a ¾-inch nylon-webbing headband for inserting natural camouflage.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal02" tabindex="-1" role="dialog" aria-labelledby="f07-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> Commonly known as jungle fatigues, the tropical combat uniform evolved over time but the basic features remained the same. </p>
                            <h4>Tropical Combat Jacket:</h4>
                            <p>The jacket was made of a tightly woven, lightweight, cotton twill material and later cotton ripstop, in olive green shade 107. It was a bush-style design with two slanted bellows-type chest pockets with button flaps and
                              two lower bellows pockets with button flaps below the waist. Olive green shade 107 cotton T-shirts were also commonly worn in the hot weather, replacing white T-shirts worn early in the war. </p>
                            <h4>Utility Shirt: </h4>
                            <p>Between 1965 and 1967, the utility uniform was the primary combat clothing worn in Vietnam. The shirt, originally called a jacket, was made of olive green shade 107 cotton sateen. Initially, it was single-breasted with
                              a fall collar, two patch chest pockets with button flaps, a straight bottom and plain sleeves. (Not pictured)</p>
                            <h4>Tropical Combat Trousers:</h4>
                            <p>The trousers were also made of a tightly woven, lightweight, cotton twill material and later cotton ripstop, in olive green shade 107. They had two front pockets, two rear pockets and two bellows-type cargo pockets on
                              the legs. The trousers had a button fly and a drawcord at the bottom of each leg for protection from insects.</p>
                            <h4>Utility Shirt and Trousers: </h4>
                            <p>Between 1965 and 1967, the utility uniform was the primary combat clothing worn in Vietnam. The shirt, originally called a jacket, was made of olive green shade 107 cotton sateen. Initially, it was single-breasted with
                              a fall collar, two patch chest pockets with button flaps, a straight bottom and plain sleeves. The matching utility trousers had two front patch pockets, two rear pockets with buttoned flaps, hemmed bottoms and a button
                              fly. (Not pictured)</p>
                            <div class="dgov-grid">
                              <div class="dgov-col-md-8">
                                <div class="yk">
                                  <p><strong>ERDL Camouflage Pattern</strong>, also known as the “Leaf” pattern, was a combination of dark green, light green, brown and black shades. Only Special Forces and special operations troops wore this
                                    pattern, which was developed in 1948 by the Engineer Research and Development Lab and first used in 1967 in Vietnam. It was issued in both cotton poplin and ripstop fabric for the Tropical Combat Uniform.</p>
                                </div>
                              </div>
                              <div class="dgov-col-md-4"> <img src="https://media.defense.gov/2021/Jan/28/2002572441/-1/-1/0/210128-D-ZZ999-801.PNG" alt="ERDL Camo" style="display: block; margin: auto;"> </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal03" tabindex="-1" role="dialog" aria-labelledby="f07-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The Army started with Pattern 1956 Combat Boots, which were a high, lace-up boot with rubber heels and rubber soles. Because they didn’t work well in the humid jungle environment, the <strong>Tropical Combat Boot
                                (jungle boots)</strong> quickly replaced them. These boots had canvas tongues and upper parts, which was more breathable and dried faster than leather. They had a vibram-type rubber tread and later, a Panama-style sole
                              with fatter tread and nylon to support the ankles. Steel plates were added to soles to mitigate wounds caused by punji sticks - simple spikes, made out of wood or bamboo</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal04" tabindex="-1" role="dialog" aria-labelledby="f07-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p><strong>The M1956 Load-Carrying Equipment</strong> was made of olive drab shade 7 cotton web canvas. The set was a complete replacement for the personal field equipment used during World War II and the Korean War. Each
                              of the add-on components has a unique metal slide keeper for attaching to the belt or to other equipment: The set included:</p>
                            <h4>M1956 Individual Equipment Belt:</h4>
                            <p>This was a web belt with three rows of eyelets. It could be adjusted in length from both ends and had a ball-type buckle.</p>
                            <h4>M1956 Combat Suspenders: </h4>
                            <p>The suspenders were an “H” design and both the front and rear straps had hooks at the end. A metal loop connected to the support strap of an ammunition case. A first-aid pouch or flashlight could also be attached.</p>
                            <h4>M1961 Combat Field Pack: </h4>
                            <p>Known as the “Butt Pack,” this pack featured a large storage compartment with a rubberized waterproof lining. Troops typically wore the pack attached to the pistol belt at the center of the back with the suspenders'
                              rear straps clipped to eyelets at the corners of the bag. </p>
                            <h4>M1956 First Aid/Compass Case: </h4>
                            <p>As the name implies, this small case was one of two used to hold either a field compass or the field dressing packet. It had a single slide keeper on the back that attached it to either the belt or the web keeper on the
                              suspenders. </p>
                            <h4>Canteen:</h4>
                            <p>The olive drab plastic polyethylene 1-quart canteen was first produced in 1962 and replaced the M1910 aluminum model. It featured a plastic screw cap with a plastic attaching strap. The <strong>M1956 Canteen
                                Cover</strong> had felt lining and was designed to carry the 1-quart plastic canteen and stainless steel cup. It was attached to the belt with a pair of slide keepers. </p>
                            <div class="yk">
                              <p>Soldiers typically wore two or more canteens to ensure they had the proper amount of hydration in Vietnam's tropical, humid climate. </p>
                            </div>
                            <p>The <strong>M1951 Combination Entrenching Tool</strong> had a straight wooden handle, folding shovel head and short folding pick blade. The cotton canvas <strong>M1956 Entrenching Tool Cover</strong> could accommodate
                              either the M1943 shovel or the M1951 combination entrenching tool. A bayonet hanger on the front and slide keepers on the back attached to the belt or rucksack. </p>
                            <p>The <strong>M1956 Sleeping Bag Carrier</strong> allowed a sleeping bag to be carried on the M1956 Suspenders. The carrier was intended for use with the M-1949 Mountain Sleeping Bag. (Not pictured) </p>
                            <div class="yk">
                              <p>In Vietnam, U.S. infantrymen often used the poncho liner in combination with the poncho to create a lightweight sleeping bag. The carrier straps were equally well-suited to this hybrid sleeping equipment.</p>
                            </div>
                            <p>In 1967, the nylon/plastic <strong>M1967 Modernized Load-Carrying Equipment</strong> replaced the previous canvas iteration. The new equipment was lighter, more breathable and dried faster. It was mostly issued as
                              components to go with the M1956 and not often given out as a whole set. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal05" tabindex="-1" role="dialog" aria-labelledby="f07-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>M16 rifle</strong> was the most-issued weapon. It has been in Army service since 1965. The gas-operated, semi-automatic rifle in 5.56 mm used a 20-round external box magazine. By the end of the war, the
                              30-round external box magazine was introduced. It was capable of semi-automatic and full-automatic fire.</p>
                            <p>The M14 rifle also was issued early in the Vietnam War. Like the M16, it was also a gas-operated, semi-automatic rifle using 20-round external box magazines, but fired a more powerful 7.62mm/.308 caliber round. It was
                              much heavier than the M16 to reduce the recoil of the heavier bullet. It was capable of semi-automatic and full-automatic fire. (Not pictured)</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal06" tabindex="-1" role="dialog" aria-labelledby="f07-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal06title">Front Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M1956 Universal Ammo Case:</h4>
                            <p>The universal ammunition case was originally designed to hold magazines for the Browning automatic rifle and bandoleers containing six 8-round clips of M1 ammunition. In Vietnam, the 20-round M16 magazines proved too
                              short for the universal pouch and as a result, a sock was often put in the bottom to raise the magazines up for faster retrieval. A shorter M1956 M16A1 ammo case was introduced to solve the problem. Both cases attached
                              to the pistol belt via two slide keepers. They both had a supporting strap that clipped to the metal loop on the suspenders and straps on both sides for attaching hand grenades.</p>
                            <h4>M3 Bandoleer:</h4>
                            <p>The olive green cotton M3 bandoleer had seven pockets, each designed to have a cardboard sleeve that held a 10-round clip of 5.56 mm ammunition for the M16 rifle. In Vietnam, troops would often carry a 20-round M16
                              magazine in each of the bandoleer's seven pockets and would frequently carry two or three on field operations.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f07-Modal07" tabindex="-1" role="dialog" aria-labelledby="f07-Modal07title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f07-Modal07title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <div class="dgov-grid">
                              <div class="dgov-col-md-6">
                                <p>Soldiers used the <strong>M1952A Fragmentation Protective Vest</strong>, an improved version of the body armor used in the Korean War, throughout the Vietnam War. The protective vest was made of 12 layers of
                                  ballistic nylon in an olive green nylon cover. The cover was fitted with epaulettes and a concealed frontal zipper covered by a flap. There were lace-up adjustments on each side and two patch cargo chest pockets.
                                  Thin strips of webbing stitched above each pocket were to be used as grenade carriers. (Not pictured)</p>
                              </div>
                              <div class="dgov-col-md-6"> <img src="https://media.defense.gov/2021/Jan/28/2002572453/-1/-1/0/210128-D-ZZ999-601.PNG" alt="M1952A Fragmentation Protective Vest"
                                  style="display: block; margin: auto; padding-bottom: 15px;"> </div>
                            </div>
                            <div class="dgov-grid">
                              <div class="dgov-col-md-6">
                                <p>The <strong>M1969 Fragmentation Protective Vest</strong> improved upon the M1952A design by adding a ¾-inch collar and eliminating the original shoulder epaulets. (Not pictured) </p>
                              </div>
                              <div class="dgov-col-md-6"> <img src="https://media.defense.gov/2021/Jan/28/2002572433/-1/-1/0/210128-D-ZZ999-101.PNG" alt="M1969 Fragmentation Protective Vest"
                                  style="display: block; margin: auto; padding-bottom: 15px;"> </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 8 MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f08-Modal01" tabindex="-1" role="dialog" aria-labelledby="f08-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal01title">Headgear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Personnel Armor System for Ground Troops (PASGT) Helmet</h4>
                            <p>The helmet was ballistic fiberglass, trademarked as Kevlar, to protect from bullets and fragmenting munitions. The helmet's profile was smaller to fit the head better, with ear protection and better visibility. Inside
                              was an integrated strap suspension system. Soldiers wore either the “Chocolate Chip” or Woodland pattern helmet covers.</p>
                            <div class="yk">
                              <p>Kevlar paved the way for radical changes in protective helmets and body armor. It is much stronger than steel, lightweight and ultra protective. Earlier Kevlar designs provided low-velocity protection. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f08-Modal02" tabindex="-1" role="dialog" aria-labelledby="f08-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p><strong>The Desert Battle Dress Uniform</strong> was a six-color, unified set that included a coat, trousers, field cap and helmet. The DBDUs were made of 50/50 cotton-nylon blend fabric. The cut was an upgrade from the
                              uniform worn in Vietnam. The coat pockets were horizontal rather than slanted. As during the Vietnam War, the cargo-style trousers had large pockets on the left and right sides and drawstring pant legs. </p>
                            <div class="dgov-grid">
                              <div class="dgov-col-md-6">
                                <p>Troops wore a combination of Woodland and desert-style BDUs. Woodland camouflage was developed in the 1970s and used in jungle and European operations, replacing ERDL camo. It had a large-leaf four-color pattern
                                  with four pockets that had concealed buttons. They were either 100% cotton or 50/50 nylon-cotton.</p>
                              </div>
                              <div class="dgov-col-md-6"> <img src="https://media.defense.gov/2021/Jan/28/2002572439/-1/-1/0/210128-D-ZZ999-901.PNG" alt="Woodland camouflage" style="display: block; margin: auto; margin-bottom: 25px;"> </div>
                            </div>
                            <div class="yk">
                              <p>The six-color “Chocolate Chip” design lasted until about 1993. The “Chocolate Chip” camouflage pattern was developed using the deserts of the southwestern United States as a model. When troops arrived in the Middle
                                East, the pattern was not practical in the Middle Eastern desert backdrop. The three-color Desert Camouflage Uniform replaced it in the early 1990s and remained in use in desert environments until the mid-2000s.</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f08-Modal03" tabindex="-1" role="dialog" aria-labelledby="f08-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal03title"> Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>Soldiers commonly wore either the all-black leather boots, olive drab nylon-canvas and leather jungle boots or the tan, nylon-canvas and leather desert boots.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f08-Modal04" tabindex="-1" role="dialog" aria-labelledby="f08-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The basic concept of the equipment had not changed since the M1967 gear used in Vietnam.</p>
                            <p>The <strong>All-purpose Lightweight Individual Carrying Equipment</strong>, or ALICE, was introduced in 1972. It included nylon Y-shaped suspenders and a nylon equipment belt and was designed for use in all
                              environments. ALICE could still be intermixed with the M1956/1967 gear. </p>
                            <p>Some elements of ALICE lasted into the early part of Operation Enduring Freedom and Operation Iraqi Freedom. </p>
                            <p>The <strong>M17A2 Gas Mask</strong> was very similar to the M17 issued in Vietnam. </p>
                            <div class="yk">
                              <p>In addition to the gas mask, some troops were issued Mission Oriented Protective Posture, or MOPP, suits, which were protective outer garments worn in chemical warfare. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f08-Modal05" tabindex="-1" role="dialog" aria-labelledby="f08-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>M16A2</strong> was the primary weapon used by front-line soldiers. It had a heavier barrel to accommodate a heavier 5.56 mm bullet and used 30-round magazines. The M16A2 had a semi-automatic and three-round
                              burst.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f08-Modal06" tabindex="-1" role="dialog" aria-labelledby="f08-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f08-Modal06title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p><strong>Fragmentation Protective Vest, Ground Troops</strong> (not pictured) is part of the PASGT system. It is made of spun Kevlar. The vest shell was either a Woodland or six-color desert scheme pattern. It was
                              designed to stop low-velocity shrapnel and fragments but lacked the ballistic capability to stop high-velocity bullets. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 9A MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f09-Modal01" tabindex="-1" role="dialog" aria-labelledby="f09-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal01title">Headgear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>Personnel Armor System for Ground Troops (PASGT) Helmet</h4>
                            <p>The helmet was ballistic fiberglass, trademarked as Kevlar, to protect from bullets and fragmenting munitions. The helmet's profile was smaller to fit the head better, with ear protection and better visibility. Inside
                              was an integrated strap suspension system. Soldiers wore either the “Chocolate Chip” or Woodland pattern helmet covers.</p>
                            <p>Kevlar paved the way for radical changes in protective helmets and body armor. It is much stronger than steel, lightweight and ultra protective. Earlier Kevlar designs provided low-velocity protection. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09-Modal02" tabindex="-1" role="dialog" aria-labelledby="f09-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>From 2001 to 2005, soldiers wore a mixture of Woodland BDU pattern gear and the new <strong>Desert Camouflage Uniform</strong> pattern gear. The DCU had only three colors instead of the DBDU’s six. The DCUs were made of
                              ripstop fabric in a 50/50 cotton-nylon blend. The trousers were cargo-style.</p>
                            <h4>Gloves:</h4>
                            <p><strong>Combat Vehicle Crewman</strong>, or CVC, gloves provided flame-retardant hand protection.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09-Modal03" tabindex="-1" role="dialog" aria-labelledby="f09-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The Army changed over to a new nylon and leather, desert-colored jungle boot.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09-Modal04" tabindex="-1" role="dialog" aria-labelledby="f09-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>Enhanced Tactical Load Bearing Vest</strong> was issued beginning in 1995. The ETLBV was one-size-fits-all, had four inward slanting <strong>Magazine Pouches </strong>that could carry a total of six 30-round
                              magazines, two grenade pouches, mesh panels for more breathability, and two quick-release buckles in the front. Lower straps from the ETLBV secured the <strong>Equipment Belt </strong>(not pictured). Canteens and other
                              equipment could be attached to the belt.</p>
                            <h4>Gas Mask: (Not pictured) </h4>
                            <p>The <strong>M40 </strong>and <strong>M50</strong> Joint Service General Protective Masks (as part of the Joint Service Lightweight Integrated Suit Technology) </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09-Modal05" tabindex="-1" role="dialog" aria-labelledby="f09-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal05title">Weaponry</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4> M4 and M4A1 Carbine: </h4>
                            <p> The M4 was a lighter, shortened version of the M16 rifle. First issued in the mid-1990s, the M4 was more prevalent during the initial years of OEF/OIF than the M16A2. It has a semi-automatic and three-round burst. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09-Modal06" tabindex="-1" role="dialog" aria-labelledby="f09-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09-Modal06title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4> Outer Tactical Vest (OTV): </h4>
                            <p> In 1999, the military introduced the <strong>Interceptor Body Armor</strong>, or IBA, also known as the <strong>Outer Tactical Vest</strong>. </p>
                            <div class="yk">
                              <p> It was the first Army body armor issued across the Army that was designed to stop high-velocity bullets. </p>
                            </div>
                            <p> Previous vests featured layers of nylon material designed to stop low-velocity shrapnel and fragments. </p>
                            <p>The IBA had bullet-stopping capabilities superior to PASGT. The outer shell protected against fragments and low-velocity rounds and could be integrated with the ETLBV system. <strong>Small Arms Protective
                                Inserts</strong> are rigid ceramic composite plates with an outer layer of Kevlar or similar material that are inserted into the front and back pockets of the vest, giving the vest greater capacity to stop rifle
                              rounds. </p>
                            <p>IBA also could be fitted with additional parts to extend protection: a groin protector, the Deltoid Axillary Protection System (made of four components for the shoulder areas), a throat protector, and a yoke and collar.
                              The pieces could be mixed and matched as needed for the mission or by soldier preference. However, these components were not bulletproof. </p>
                            <p>The vest was issued in various camo patterns. It included the Modular Lightweight Load-Carrying Equipment (MOLLE) system. The MOLLE pocket attachment system is a webbing grid on the front and back that could accommodate
                              holsters, pouches and other gear. Equipment could now be attached in whatever configuration the soldier needed. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 9B MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f09b-Modal01" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal01title">Headgear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> <strong>Advanced Combat Helmet</strong>, or ACH, was based on the PASGT helmet and went through a few changes. The helmet reduced the area covering the ears and eyes, significantly decreasing its weight. It had
                              increased bullet protection and more head mobility, and included a pad suspension system and four-point chinstrap. It could interface with tactical headsets and microphones and included a mounting bracket for night
                              vision goggles. </p>
                            <p><strong>Military Combat Eye Protection</strong>, or MCEP, included a number of ballistic masks and goggles designed to protect the eyes of soldiers against shrapnel, UV rays, lasers, dust and wind. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal02" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> The <strong>Army Combat Uniform</strong>, or ACU, replaced the Battle Dress and Desert Camouflage uniforms and became standard issue in 2005. It was issued in two different camouflage patterns based on the area of
                              deployment: the Universal Camouflage Pattern and later the Operation Enduring Freedom Camouflage Pattern. The set includes ripstop trousers, a coat, a patrol cap and moisture-wicking T-shirt and socks. The Universal
                              Camouflage Pattern was the Army's digitally-based camouflage, a gray, tan and foliage-green pixelated blend. Most ACUs had hook-and-loop fasteners except the coat, which had a zipper. The Army eventually replaced most of
                              the hook-and-loop closures with buttons for current-day uniforms. </p>
                            <p>The <strong>coat</strong> initially had a Mandarin collar and a zipper covered with hook-and-loop fasteners. There were several pockets with hook-and-loop closures. The name and Army tape attached above the front
                              pockets were removable. </p>
                            <p>2015 brought several changes based on soldiers' feedback: The Mandarin collar was removed; buttons replaced Velcro except on unit shoulder sleeve insignia; name and Army tapes and rank insignia could now be sewn on; in
                              lieu of Velcro, cord and barrel locks on pockets were removed; and the pen pocket on the sleeve went from three to two slots. </p>
                            <p>The <strong>trousers</strong> had four cargo pockets: one on each ankle and one on each thigh. The trousers had reinforced knees and the shirts had reinforced elbows; these reinforced areas could be fitted with foam
                              protection pads. Trousers also included a drawstring leg cuff. </p>
                            <div class="yk">
                              <p>When the ACU was introduced, there were about 20 significant updates to the uniform that separated it from the DCU, DBDU and BDUs. </p>
                            </div>
                            <p>Separate <strong>knee and elbow pads</strong> became standard issue. Elbow and knee pad pouches were later added to the coat and trousers. </p>
                            <p>The <strong>Flight Glove</strong> is a short aramid and leather glove that allowed maximum dexterity and protected hands from fire, cuts and other injuries. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal03" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> The <strong>Army Combat Boot (ACB)</strong> is a lightweight, waterproof, fireproof and breathable combat boot made of high-grade nylon and used in temperate weather. The soles provide grip in mountainous terrain. </p>
                            <div class="yk">
                              <p>The UCP ACU, made out of a breathable flame resistant fabric, was also known as the FR-ACU. Flame resistant uniforms previously were only issued to aircrew and armored vehicle personnel. </p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal04" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>Modular Lightweight Load-Carrying Equipment</strong>, or MOLLE, system was introduced in 1997 but wasn’t issued widely until 2003. Issued first in Woodland and then Desert camo, the MOLLE was switched to the
                              Universal Camouflage Pattern in 2006. In 2009, the MOLLE OCP/Multicam was issued to soldiers deployed to Afghanistan. Beginning in 2015, it was issued to all soldiers after UCP was discontinued for combat zones. </p>
                            <p>MOLLE is a fully integrated, modular load-bearing system consisting of a load-bearing vest with butt pack, main ruck with sustainment pouches and sleeping bag compartment attached to an external frame. The MOLLE system
                              allows for versatility and greater load distribution. All the equipment that would normally be carried on suspenders or pistol belts can be attached in whatever configuration the individual soldier wants. Attached gear
                              includes a <strong>canteen, first aid pouch and ammo pouches.</strong> </p>
                            <p>The <strong>CamelBak Hydration Bladder</strong> system supplemented the one-quart and two-quart canteens to provide an alternative hydration method. It is a plastic water bladder connected to a length of hose that fits
                              into an insulated bag that can be strapped on the carrier's back or attached to a rucksack. Soldiers can easily drink from the bite valve while on the move. </p>
                            <div class="yk">
                              <p>CamelBak was developed by bike racers who needed hydration on the move but could not slow down to use a bottle or other water source. </p>
                            </div>
                            <h4>M40 and M50 Gas Mask:</h4>
                            <p>The new gas mask had the same basic design, with improved field of vision glasses and ballistic capability. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal05" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M4 and M4A1 Carbines:</h4>
                            <p>The M4 was a lighter, shortened version of the M16 rifle. First issued in the mid-1990s, it was more prevalent than the M16A2 during the initial years of OEF/OIF. The M4 has a four position adjustable stock and is
                              capable of semiautomatic fire and three-round burst. The improved M4 Carbine incorporated a new rail system to allow attachments of various types such as a laser pointer, flashlight, shotgun and grenade launcher. </p>
                            <p>In 2010 the Army decided to only issue the M4A1, which has semiautomatic and fully automatic firing modes. Existing M4s were upgraded to M4A1.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal06" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal06title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>In 2007, the Army introduced the <strong>Improved Outer Tactical Vest</strong>, or IOTV, which provided increased protection over the OTV. Improvements included a side-opening, built-in quick-release system. Other new
                              features included a ballistic collar, quick release assembly cord, front plate carrier, rear plate carrier, groin protector, lower back protector and elastic cummerbund assembly. <strong>Enhanced Small Arms Protective
                                Inserts</strong>, or ESAPI, plates replaced SAPI beginning in 2005. The rigid ceramic composite plates have an outer layer of Kevlar or similar material that are inserted into the front, back and side pockets of the
                              vest, giving it greater ballistic protection capabilities against high-velocity rifle rounds.</p>
                            <p>The <strong>Soldier Plate Carrier System</strong>, or SPCS, debuted in 2009. Its level of protection against high-velocity threats was on par with the IOTV but it allowed for a wider range of motion. The SPCS was
                              lighter but had fewer flexible panels and less protection against low-velocity fragments. (Not pictured)</p>
                            <p>IOTV also could be fitted with additional parts such as a groin protector to extend protection. The vest was issued in various camo patterns. It included the Modular Lightweight Load-Carrying Equipment (MOLLE) system.
                              The MOLLE pocket attachment system, consisting of a webbing grid on the front and back, could accommodate holsters, pouches and other gear. Equipment could now be attached in whatever configuration the individual soldier
                              needed. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal07" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal07title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal07title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The Modular Lightweight Load-Carrying Equipment, or MOLLE, system was introduced in 1997, but wasn’t issued widely until 2003. Issued in Woodland camo, then the Desert camo, the MOLLE was switched to gray-tone universal
                              digital color in 2006. In 2009, the MOLLE OCP/Multicam was issued to soldiers deployed to Afghanistan, and to all soldiers beginning in 2015 after UCP was discontinued for combat zones. </p>
                            <p>MOLLE is a fully integrated, modular load bearing system consisting of a load-bearing vest with butt pack, main ruck with sustainment pouches and sleeping bag compartment attached to an external frame. The MOLLE system
                              allows for versatility and greater load distribution. So all the equipment that would normally be carried on suspenders can be attached in whatever configuration the individual soldier wants. Attached gear included
                              canteen, ammo pouches, etc.</p>
                            <p>Camelbak/hydration bladder: The CamelBak hydration system is the new canteen. It is a plastic water bladder connected to a length of hose that fits into an insulated bag that can be strapped on the carrier's back or
                              attached to a rucksack.</p>
                            <p>CamelBak was developed by bike racers who needed hydration on the move but could not slow down to use a bottle or other water source.</p>
                            <p>M40 and M50 Gas Mask: The new gas mask had the same basic design, with improved field of vision glasses and ballistic capability. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f09b-Modal08" tabindex="-1" role="dialog" aria-labelledby="f09b-Modal08title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f09b-Modal08title">Weaponry</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M4 and M4 A-1 Carbines</h4>
                            <p>M4 was lighter and a shortened version of the M16 rifle. It was first issued in the mid-1990s and was more prevalent during the initial years of OEF/OIF than the M16A2. The M4 has semi-automatic and three-round burst.
                              The improved M4 Carbine incorporated a new rail system to allow attachments of various types of electronics and weapons like a laser pointer, flashlight, shotgun, grenade launcher, etc. </p>
                            <p>In 2010 the Army decided to only issue the M4A1, which has semi-automatic and fully automatic firing modes. Existing M4s were upgraded to M4A1.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- ITEM 10 MODALS--> <!-- DONE -->
              <div class="item-model-group">
                <div class="modal fade" id="f10-Modal01" tabindex="-1" role="dialog" aria-labelledby="f10-Modal01title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal01title">Headgear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> <strong>Advanced Combat Helmet</strong>, or ACH, is based on the PASGT helmet with a few changes. The helmet reduced the area covering the ears and eyes, significantly reducing its weight. It has increased bullet
                              protection, provides more head mobility and includes a pad suspension system and a four-point chinstrap. It also is able to interface with tactical headsets and microphones, and includes a mounting bracket for night
                              vision goggles.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f10-Modal02" tabindex="-1" role="dialog" aria-labelledby="f10-Modal02title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal02title">Clothing</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p> The Army switched to the <strong>Operational Camouflage Pattern</strong> uniform based on soldiers’ feedback about the digital camouflage. Special Forces were already using the OCP design in 2006 in Afghanistan.
                              Iraq-deployed soldiers had to still wear UCP uniforms. The now-standard issued OCP uniform is still made of 50/50 cotton-nylon blend and ripstop fabric. </p>
                            <p>The upgraded OCP <strong>Army Combat Uniform Coat</strong> has buttons and a zipper with two slanted breast pockets. The camouflage sleeves are fitted with cargo pockets with Velcro panels, enabling the soldier to wear
                              identification and infrared identification tags. </p>
                            <p>The upgraded OCP <strong>Army Combat Uniform Shirt</strong> incorporates a full torso made of coyote-tan, elastic-nylon material for better cooling when wearing body armor. It also has pockets on the sleeves. (Not
                              pictured) </p>
                            <p>The upgraded OCP <strong>Army Combat Uniform Trousers</strong> have reinforced areas including the seat and joint areas. Trouser knees can be fitted with rigid pads to protect soldiers against hard surfaces. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f10-Modal03" tabindex="-1" role="dialog" aria-labelledby="f10-Modal03title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal03title">Footwear</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>Army Combat Boot</strong> is a lightweight combat boot used in temperate weather, issued in tan or coyote leather. These are made of high-grade nylon and leather and are waterproof, fireproof and breathable.
                              Soles provide grip in mountainous terrain. Mountain Combat and Hot Weather boots also are issued for variable climates.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f10-Modal04" tabindex="-1" role="dialog" aria-labelledby="f10-Modal04title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal04title">Equipment</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>MOLLE II Medium Rucksack:</h4>
                            <p>The MOLLE II further improves the original MOLLE system which provides soldiers with added benefits including versatility, greater load distribution and customized attachments.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f10-Modal05" tabindex="-1" role="dialog" aria-labelledby="f10-Modal05title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal05title">Weapons</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h4>M4A1 Carbine: </h4>
                            <p>Since the mid-2010s, all carbines issued have been in the M4A1 configuration. Similar to the M4, the M4A1 continues to allow attachments of various types of electronics and weapons, including a laser pointer,
                              flashlight, shotgun and grenade launcher.</p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="modal fade" id="f10-Modal06" tabindex="-1" role="dialog" aria-labelledby="f10-Modal06title" aria-hidden="true">
                  <div class="modal-dialog" role="document">
                    <div class="modal-content">
                      <div class="modal-header">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <h3 class="modal-title" id="f10-Modal06title">Body Armor</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                          </div>
                        </div>
                      </div>
                      <div class="modal-body">
                        <div class="dgov-grid">
                          <div class="dgov-col-lg-12 dgov-col-md-12">
                            <p>The <strong>Modular Scalable Vest</strong> is a bullet-resistant vest that was introduced in 2018. It weighs about 5 pounds less than the Improved Outer Tactical Vest. It also is scalable, allowing the wearer to tailor
                              the vest to better fit mission requirements. </p>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div> <!-- VIDEOS -->
              <div class="modal fade" id="vid-1" tabindex="-1" role="dialog" aria-labelledby="vid-1-title" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12">
                          <h3 class="modal-title" id="vid-1-title">Wool in summer? An Army historian explains</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                        </div>
                      </div>
                    </div>
                    <div class="modal-body">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12"> <video class="embed-responsive-item" crossorigin="anonymous" controls="" poster="https://d1ldvf68ux039x.cloudfront.net/thumbs/frames/video/2101/780764/604x340_q75.jpg"
                            id="html5_media_8cni85q973j">
                            <source src="https://d34w7g4gy10iej.cloudfront.net/video/2101/DOD_108143572/DOD_108143572-1024x576-1769k.mp4" type="video/mp4">
                            <track kind="subtitles" label="English" src="https://www.dvidshub.net/video/closedcaption/id/780764" srclang="en">
                          </video> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="modal fade" id="vid-2" tabindex="-1" role="dialog" aria-labelledby="vid-2-title" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12">
                          <h3 class="modal-title" id="vid-2-title">Trench Warfare Made Pistols, Knives Important</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                        </div>
                      </div>
                    </div>
                    <div class="modal-body">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12"> <video class="embed-responsive-item" crossorigin="anonymous" controls="" poster="https://d1ldvf68ux039x.cloudfront.net/thumbs/frames/video/2101/780914/604x340_q75.jpg"
                            id="html5_media_ldfdg63b2">
                            <source src="https://d34w7g4gy10iej.cloudfront.net/video/2101/DOD_108146070/DOD_108146070-1024x576-1769k.mp4" type="video/mp4">
                            <track kind="subtitles" label="English" src="https://www.dvidshub.net/video/closedcaption/id/780914" srclang="en">
                          </video> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="modal fade" id="vid-3" tabindex="-1" role="dialog" aria-labelledby="vid-3-title" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12">
                          <h3 class="modal-title" id="vid-3-title">How African Americans Served In WWI</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                        </div>
                      </div>
                    </div>
                    <div class="modal-body">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12"> <video class="embed-responsive-item" crossorigin="anonymous" controls="" poster="https://d1ldvf68ux039x.cloudfront.net/thumbs/frames/video/2101/780913/604x340_q75.jpg"
                            id="html5_media_kk62kojtsz8">
                            <source src="https://d34w7g4gy10iej.cloudfront.net/video/2101/DOD_108146040/DOD_108146040-1024x576-1769k.mp4" type="video/mp4">
                            <track kind="subtitles" label="English" src="https://www.dvidshub.net/video/closedcaption/id/780913" srclang="en">
                          </video> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="modal fade" id="vid-4" tabindex="-1" role="dialog" aria-labelledby="vid-4-title" aria-hidden="true">
                <div class="modal-dialog" role="document">
                  <div class="modal-content">
                    <div class="modal-header">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12">
                          <h3 class="modal-title" id="vid-4-title">Why Uniform "Name Tape" IDs Came About</h3> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span> </button>
                        </div>
                      </div>
                    </div>
                    <div class="modal-body">
                      <div class="dgov-grid">
                        <div class="dgov-col-lg-12 dgov-col-md-12"> <video class="embed-responsive-item" crossorigin="anonymous" controls="" poster="https://d1ldvf68ux039x.cloudfront.net/thumbs/frames/video/2101/780912/604x340_q75.jpg"
                            id="html5_media_asr7b8lx6xl">
                            <source src="https://d34w7g4gy10iej.cloudfront.net/video/2101/DOD_108146039/DOD_108146039-1024x576-1769k.mp4" type="video/mp4">
                            <track kind="subtitles" label="English" src="https://www.dvidshub.net/video/closedcaption/id/780912" srclang="en">
                          </video> </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <!-- ITEM 1 SCRIPT -->
          <script>
            document.getElementById("scrollable-1").addEventListener("scroll", switchImage);

            function switchImage() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-1").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-1").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 2 SCRIPT -->
          <script>
            document.getElementById("scrollable-2").addEventListener("scroll", switchImage2);

            function switchImage2() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-2").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-2").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 3 A SCRIPT -->
          <script>
            document.getElementById("scrollable-3").addEventListener("scroll", switchImage3);

            function switchImage3() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-3").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-3").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 3 B SCRIPT -->
          <script>
            document.getElementById("scrollable-3b").addEventListener("scroll", switchImage3b);

            function switchImage3b() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-3b").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-3b").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 4 SCRIPT -->
          <script>
            document.getElementById("scrollable-4").addEventListener("scroll", switchImage4);

            function switchImage4() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-4").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-4").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 4B SCRIPT -->
          <script>
            document.getElementById("scrollable-4b").addEventListener("scroll", switchImage4b);

            function switchImage4b() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-4b").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-4b").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 5 SCRIPT -->
          <script>
            document.getElementById("scrollable-5").addEventListener("scroll", switchImage5);

            function switchImage5() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-5").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-5").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 5B SCRIPT -->
          <script>
            document.getElementById("scrollable-5b").addEventListener("scroll", switchImage5b);

            function switchImage5b() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-5b").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-5b").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 5C SCRIPT -->
          <script>
            document.getElementById("scrollable-5c").addEventListener("scroll", switchImage5c);

            function switchImage5c() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-5c").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-5c").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 6 SCRIPT -->
          <script>
            document.getElementById("scrollable-6").addEventListener("scroll", switchImage6);

            function switchImage6() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-16.jpg",
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-6").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-6").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 7 SCRIPT -->
          <script>
            document.getElementById("scrollable-7").addEventListener("scroll", switchImage7);

            function switchImage7() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-7").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-7").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 8 SCRIPT -->
          <script>
            document.getElementById("scrollable-8").addEventListener("scroll", switchImage8);

            function switchImage8() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-16.jpg",
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-8").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-8").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 9 SCRIPT -->
          <script>
            document.getElementById("scrollable-9").addEventListener("scroll", switchImage9);

            function switchImage9() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-16.jpg",
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-9").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-9").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 9b SCRIPT -->
          <script>
            document.getElementById("scrollable-9b").addEventListener("scroll", switchImage9b);

            function switchImage9b() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-9b").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-9b").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- ITEM 10 SCRIPT -->
          <script>
            document.getElementById("scrollable-10").addEventListener("scroll", switchImage10);

            function switchImage10() {
              var images = ["/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-02.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-04.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-06.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-08.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-10.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-12.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-14.jpg",
                "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-16.jpg"
              ];
              var hotspots = $(".hotspots");
              var sTop = $("#scrollable-10").scrollTop();
              var index = sTop / 100;
              index = Math.round(index) % images.length;
              $("#frame-10").css({
                'background': 'url(' + images[index] + ') bottom left',
                'background-size': 'cover'
              });
              hotspots.removeClass().addClass('hotspots').addClass('hotspots' + [index]);
            }
          </script>
          <!-- Slick Slider SCRIPT -->
          <script>
            $('.timeline').slick({
              slidesToShow: 1,
              slidesToScroll: 1,
              arrows: true,
              asNavFor: '.timeline-nav',
              infinite: false,
              prevArrow: '<i class="fa fa-chevron-left carousel-previous"></i>',
              nextArrow: '<i class="fa fa-chevron-right carousel-next"></i>',
            });
            $('.timeline-nav').slick({
              asNavFor: '.timeline',
              arrows: false,
              dots: false,
              centerMode: true,
              slidesToShow: 1,
              slidesToScroll: 1,
              infinite: false,
              centerPadding: '0px',
            });
            $('.timeline').on('afterChange', function(event, slick, currentSlide) {
              $('#dnn_ContentPaneFullBleed1').removeClass();
              $('.hotspots').addClass('hotspots0');
              $('#dnn_ContentPaneFullBleed1').addClass('slide-' + (currentSlide + 1));
            });
          </script>
          <!-- PRELOAD -->
          <div class="hidden">
            <script type="text/javascript">
              <!--//
              -->
            <![CDATA[//><!--
			var images = new Array()
			function preload() {
				for (i = 0; i < preload.arguments.length; i++) {
					images[i] = new Image()
					images[i].src = preload.arguments[i]
				}
			}
			preload(
				"/Portals/1/Interactive/2019/11-uniform-evolution/marines/War-of-1812_Battle_at_Bladensburg,_Maryland,_24_August_1814.png", "/Portals/1/Interactive/2019/11-uniform-evolution/marines/Civil War_Brewrys-Bluff-1-065-2-Copy.jpg" , "/Portals/1/Interactive/2019/11-uniform-evolution/marines/shutterstock_785840170.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/WWII-127-GW-328-112279.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/Korean-War-47175001301-ced6f917aa-o.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/Vietnam-11950134225-6335219122-k.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/Desert-Storm-DM-ST-93-03509.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/OEF_5288260580_10f1caadbb_k.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/OIF_2157671.jpg" ,"/Portals/1/Interactive/2019/11-uniform-evolution/marines/backgrounds/Modern-49852318898-a135032b0e-5k.jpg", 
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/01-revolutionary-war/revolutionary-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/02-war-of-1812/1812-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-dress-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/03-civil-war/civil-fatigue-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-infantry-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/04-wwi/wwi-french-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1941-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-m1943-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/05-wwii/wwii-hbt-16.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/06-korean-war/Koreanwar-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-06.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/07-vietnam-war/vietnam-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/08-desert/DesertStorm-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/early-oef-16.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/09-oef/late-oef-16.jpg",
				"/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-01.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-02.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-03.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-04.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-05.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-06.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-07.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-08.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-09.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-10.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-11.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-12.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-13.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-14.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-15.jpg", "/Portals/1/Interactive/2019/11-uniform-evolution/army/10-modern/modern-16.jpg"
			)
		//--><!]]>
            </script>
            <script>
              $('body').on('hidden.bs.modal', '.modal', function() {
                $('video').trigger('pause');
              });
            </script>
          </div><!-- End_Module_2782 -->
        </div>
      </div><!--end of empty container -->
    </div>
    <div id="content-pane-wrap">
      <div class="content-wrap">
        <div id="dnn_ContentPane" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed2">
      <div class="DnnModule DnnModule-DNN_HTML DnnModule-4172"><a name="4172"></a>
        <div class="empty-container base-container">
          <div id="dnn_ctr4172_ContentPane"><!-- Start_Module_4172 -->
            <div id="dnn_ctr4172_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
              <div id="dnn_ctr4172_HtmlModule_lblContent" class="Normal">
                <div id="credits">
                  <div class="accordion" id="accordionExample">
                    <div class="card">
                      <div class="card-header" id="headingOne">
                        <h3>
                          <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">References<i class="fas fa-angle-down"></i>
                          </button>
                        </h3>
                      </div>
                      <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
                        <div class="card-body">
                          <ul>
                            <li>Emerson, William K., Encyclopedia of the United States Army Insignia and Uniforms, 1996</li>
                            <li>Cole, David, Survey of U.S. Army, Uniforms, Weapons and Accoutrements, 2007</li>
                            <li>Stanton, Shelby, U.S. Army Uniforms of the Korean War, 1992</li>
                            <li>Morel, Aurelien, The Uniforms and Gear of the U.S. Army Soldier, 2012</li>
                            <li>Cox, Michael, www.military.com &amp; www.kitup.military.com [Numerous articles from both websites]</li>
                            <li>Brayley, Martin J., Modern Body Armour, 2011</li>
                            <li>Halberstadt, Hans, Battle Rattle: The Stuff a Soldier Carries, 2006</li>
                            <li>Born, Kevin M, &amp; Barnes, Alexander F., Desert Uniforms, Patches, and Insignia of the US Armed Forces, 2016</li>
                            <li>Arques, Antonio, Grunt: A Pictorial Report on the US Infantry’s Gear and Life During the Vietnam War 1965-1975, 2014</li>
                            <li>Tobey, John E., ed, The Columbia Rifles Research Compendium, 2nd Ed., 2006</li>
                            <li>Brown, Patrick, “For Fatigue Purposes…”: The Army Sack Coat of 1857-1872, 2003</li>
                            <li>Kochan, James L, &amp; Rickman, David, The United States Army 1812-1815, 2000</li>
                            <li>Chartrand, René, A Most Warlike Appearance: Uniforms, Flags and Equipment of the United States in the War of 1812, 2011</li>
                            <li>Chartrand, René, Uniforms and Equipment of the United States Forces in the War of 1812, 1992</li>
                            <li>Lemons, Charles, Uniforms of the US Army Ground Forces 1939-1945, Volumes 1-3, 2011</li>
                            <li>Stanton, Shelby, U.S. Army Uniforms of the Vietnam War, 1989</li>
                            <li>Stanton, Shelby, U.S. Army Uniforms of World War II, 1991</li>
                            <li>Werner, Brett, Uniforms, Equipment and Weapons of the American Expeditionary Forces in World War I, 2006</li>
                            <li>Schmidt, Peter A., U.S. Military Flintlock Muskets and Their Bayonets: The Early Years, 1790-1815, 2006</li>
                            <li>Schmidt, Peter A., U.S. Military Flintlock Muskets and Their Bayonets: The Later Years, 1816 Through the Civil War, 2006</li>
                            <li>Katcher, Philip R.N., Uniforms of the Continental Army, 1981</li>
                            <li>Reilly, Robert M., United States Martial Flintlocks, 1986</li>
                            <li>Neuman, George C., Battle Weapons of the American Revolution, 1998</li>
                            <li>Bartocci, Christopher, Black Rifle II: The M16 Into the 21st Century, 2004</li>
                            <li>U.S. Army Regulation 670-1, 2005</li>
                            <li>www.olive-drab.com</li>
                            <li>“Program Executive Office Soldier Portfolio FY 2017: Ensuring Soldier Dominance,” 2017</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="card">
                      <div class="card-header" id="headingTwo">
                        <h3>
                          <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">Contributors<i class="fas fa-angle-down"></i>
                          </button>
                        </h3>
                      </div>
                      <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordionExample">
                        <div class="card-body">
                          <h4>Historic Research &amp; Review</h4>
                          <ul>
                            <li>Kaleb Dissinger, Curator of Uniforms, Textiles, &amp; Personal Equipage, U.S. Army Heritage and Education Center</li>
                            <li>Rodney Foytik, Reference Historian, Research and Instruction, U.S. Army Heritage and Education Center</li>
                            <li>David Accetta, Chief Public Affairs, U.S. Army Natick Soldier Research</li>
                            <li>David Cole, former director, U.S. Army Center for Military History</li>
                            <li>Fort McHenry Guard, National Park Service</li>
                          </ul>
                          <h4>Concept Creation, Research &amp; Development</h4>
                          <ul>
                            <li>Regina Ali, Senior Graphic Designer</li>
                            <li>Katie Lange, Social Media/Public Affairs Specialist</li>
                          </ul>
                          <h4>Multimedia</h4>
                          <ul>
                            <li>Marvin Lynchard, Photojournalist</li>
                            <li>Jon Poindexter, Senior Editor/Videographer</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="card">
                      <div class="card-header" id="headingThree">
                        <h3>
                          <button class="btn btn-link btn-block text-left collapsed" type="button" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">Models<i class="fas fa-angle-down"></i>
                          </button>
                        </h3>
                      </div>
                      <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordionExample">
                        <div class="card-body">
                          <ul>
                            <li><strong>Revolutionary War:</strong> Frederick, Jared </li>
                            <li><strong>War of 1812:</strong> Johnston, Nathaniel (Fort McHenry)</li>
                            <li><strong>Civil War (Fatigue):</strong> SPC Spence, Javon</li>
                            <li><strong>Civil War (Dress):</strong> McConnell, Aaron </li>
                            <li><strong>WWI (AEF Infantryman):</strong> McConnell, Aaron</li>
                            <li><strong>WWI (Assigned to the French):</strong> PFC Guillory, Jensen</li>
                            <li><strong>WWII (1941-1943):</strong> Frederick, Jared </li>
                            <li><strong>WWII (1943-1945):</strong> Woodring, Joshua </li>
                            <li><strong>WWII (HBT):</strong> Howard, Austin </li>
                            <li><strong>Korean War:</strong> SGT Rodriguez, Nelson </li>
                            <li><strong>Vietnam: </strong>PFC Guillory, Jensen</li>
                            <li><strong>Desert Storm:</strong> Musselman, Aaron</li>
                            <li><strong>OEF/OIF (Early 2000s):</strong> Schneider, Garrett </li>
                            <li><strong>OEF/OIF (2005-2019):</strong> McConnell, Sarah</li>
                            <li><strong>Modern:</strong> SGT Rodriguez, Nelson</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div><!-- End_Module_4172 -->
          </div>
        </div><!--end of empty container -->
      </div>
    </div>
    <div id="content-pane-wrap2">
      <div class="content-wrap">
        <div id="dnn_ContentPane2" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed3" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap3">
      <div class="content-wrap">
        <div id="dnn_ContentPane3" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed4" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap4">
      <div class="content-wrap">
        <div id="dnn_ContentPane4" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed5" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap5">
      <div class="content-wrap">
        <div id="dnn_ContentPane5" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed6" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap6">
      <div class="content-wrap">
        <div id="dnn_ContentPane6" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed7" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap7">
      <div class="content-wrap">
        <div id="dnn_ContentPane7" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed8" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap8">
      <div class="content-wrap">
        <div id="dnn_ContentPane8" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed9" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap9">
      <div class="content-wrap">
        <div id="dnn_ContentPane9" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed10" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap10">
      <div class="content-wrap">
        <div id="dnn_ContentPane10" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed11" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap11">
      <div class="content-wrap">
        <div id="dnn_ContentPane11" class="DNNEmptyPane"></div>
      </div>
    </div>
    <div id="dnn_ContentPaneFullBleed12" class="DNNEmptyPane"></div>
    <div id="content-pane-wrap12">
      <div class="content-wrap">
        <div id="dnn_ContentPane12" class="DNNEmptyPane"></div>
      </div>
    </div>
  </main>
  <div id="footer">
    <div class="footer-inner content-wrap content-wrap-wide">
      <div class="dgov-grid">
        <div class="dgov-col-auto">
          <div class="dgov-grid">
            <div id="dnn_Footer_footerNavCol1" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
              <h3>Defense.gov<i class="fas fa-chevron-down"></i></h3>
              <ul class="footer-nav">
                <li class=""><a href="/"><span class="text text-link-18">Home</span></a></li>
                <li class=""><a href="/News/"><span class="text text-link-20">News</span></a></li>
                <li class=""><a href="/Spotlights/ "><span class="text text-link-22">Spotlights</span></a></li>
                <li class=""><a href="/About/"><span class="text text-link-21">About</span></a></li>
              </ul>
            </div>
            <div id="dnn_Footer_footerNavCol2" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
              <h3>Helpful Links<i class="fas fa-chevron-down"></i></h3>
              <ul class="footer-nav">
                <li class=""><a href="/Live"><span class="text text-link-23">Live Events</span></a></li>
                <li class=""><a href="/News/Today-in-DOD/"><span class="text text-link-24">Today in DOD</span></a></li>
                <li class=""><a href="/News/Contracts/"><span class="text text-link-25">Contracts</span></a></li>
                <li class=""><a href="/Resources/For-the-Media/"><span class="text text-link-26">For the Media</span></a></li>
                <li class=""><a href="/Contact"><span class="text text-link-27">Contact</span></a></li>
              </ul>
            </div>
            <div id="dnn_Footer_footerNavCol3" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
              <h3>Resources<i class="fas fa-chevron-down"></i></h3>
              <ul class="footer-nav">
                <li class=""><a href="/Resources/ "><span class="text text-link-28">DOD Resources</span></a></li>
                <li class=""><a href="https://www.dodciviliancareers.com/DOD-Careers" target="_blank" rel="noopener noreferrer"><span class="text text-link-53">DOD Careers</span></a></li>
                <li class=""><a href="/contact/help-center"><span class="text text-link-29">Help Center</span></a></li>
                <li class=""><a href="/Resources/Military-Departments/"><span class="text text-link-30">DOD / Military Websites</span></a></li>
                <li class=""><a href="https://comptroller.defense.gov/ODCFO/afr/" target="_blank" rel="noopener noreferrer"><span class="text text-link-49">Agency Financial Report</span></a></li>
              </ul>
            </div>
            <div id="dnn_Footer_footerNavCol4" class="footer-nav-col dgov-col-sm-12 dgov-col-md-auto">
              <h3>Popular<i class="fas fa-chevron-down"></i></h3>
              <ul class="footer-nav">
                <li class=""><a href="/Spotlights/Value-of-Service/"><span class="text text-link-33">Value of Service</span></a></li>
                <li class=""><a href="/Spotlights/Taking-Care-of-Our-People/"><span class="text text-link-36">Taking Care of Our People</span></a></li>
                <li class=""><a href="/Spotlights/FY2025-Defense-Budget/"><span class="text text-link-34">FY 2025 Defense Budget</span></a></li>
                <li class=""><a href="/National-Defense-Strategy/"><span class="text text-link-54">National Defense Strategy</span></a></li>
              </ul>
            </div>
          </div>
        </div>
        <div class="right-col dgov-col-md-12 dgov-col-lg-4">
          <div class="right-col-inner">
            <div class="mission">
              <img class="footer-logo" alt="U.S. Department of Defense logo" src="/Portals/1/Images/DOD-Icon-Header.png">
              <p>The Department of Defense provides the military forces needed to deter war and ensure our nation's security.</p>
            </div>
            <div class="footer-search-wrap">
              <label class="sr-only" for="footer-search-input">Enter Your Search Terms</label>
              <i class="fa fa-search" id="fa-search-icon-bottom"></i>
              <input type="search" id="footer-search-input" name="footer-search" maxlength="256" placeholder="Search...">
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <footer id="footer-main">
    <div class="utility-nav">
      <ul class="">
        <li class=""><a href="/Legal-Administrative/Privacy-Security/ "><span class="text text-link-12">Privacy &amp; Security</span></a></li>
        <li class=""><a href="/Legal-Administrative/Links-Disclaimer/ "><span class="text text-link-17">Links Disclaimer</span></a></li>
        <li class=""><a href="http://dodcio.defense.gov/DoDSection508/Std_Stmt.aspx" target="_blank" rel="noopener noreferrer"><span class="text text-link-13">Section 508</span></a></li>
        <li class=""><a href="/resources/social-media-policy/"><span class="text text-link-52">DOD Social Media Policy</span></a></li>
        <li class=""><a href="http://dodcio.defense.gov/DoD-Web-Policy/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-14">Web Policy</span></a></li>
        <li class=""><a href="http://www.esd.whs.mil/DD/plainlanguage/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-37">Plain Writing Act</span></a></li>
        <li class=""><a href="http://www.dodig.mil/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-38">DOD IG</span></a></li>
        <li class=""><a href="https://policy.defense.gov/OUSDP-Offices/Reporting-Civilian-Casualties/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-39">Reporting Civilian Casualties</span></a></li>
        <li class=""><a href="http://prhome.defense.gov/NoFear/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-40">No FEAR Act</span></a></li>
        <li class=""><a href="https://www.dma.mil/Services/Visual-Information/References/Limitations/" target="_blank" rel="noopener noreferrer"><span class="text text-link-41">Imagery Use</span></a></li>
        <li class=""><a href="https://www.esd.whs.mil/FOID/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-42">FOIA</span></a></li>
        <li class=""><a href="http://open.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-43">Open GOV</span></a></li>
        <li class=""><a href="https://media.defense.gov/2023/Mar/13/2003178168/-1/-1/1/DOD-STRATEGIC-MGMT-PLAN-2023.PDF" target="_blank" rel="noopener noreferrer"><span class="text text-link-44">Strategic Management Plan</span></a></li>
        <li class=""><a href="https://www.usa.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-45">USA.gov</span></a></li>
        <li class=""><a href="https://business.defense.gov/ " target="_blank" rel="noopener noreferrer"><span class="text text-link-46">Small Business Act</span></a></li>
        <li class=""><a href="https://www.veteranscrisisline.net/get-help-now/military-crisis-line/" target="_blank" rel="noopener noreferrer"><span class="text text-link-55">Veterans Crisis Line</span></a></li>
        <li class=""><a href="/site-index/ "><span class="text text-link-47">Site Map</span></a></li>
      </ul>
    </div>
    <div class="social-nav-subscribe-container">
      <div class="social-nav">
        <ul class="">
          <li class=""><a href="https://twitter.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="X" aria-label="X"><span class="social-icon fa-brands fa-x-twitter social-link-5"></span></a></li>
          <li class=""><a href="https://www.facebook.com/DeptofDefense" target="_blank" rel="noopener noreferrer" title="Facebook" aria-label="Facebook"><span class="social-icon fa-brands fa-facebook-f social-link-6"></span></a></li>
          <li class=""><a href="https://www.instagram.com/deptofdefense/" target="_blank" rel="noopener noreferrer" title="Instagram" aria-label="Instagram"><span class="social-icon fa fa-instagram social-link-8"></span></a></li>
          <li class=""><a href="http://www.linkedin.com/company/deptofdefense" target="_blank" rel="noopener noreferrer" title="LinkedIn" aria-label="LinkedIn"><span class="social-icon fa-brands fa-linkedin-in social-link-51"></span></a></li>
          <li class=""><a href="https://www.youtube.com/deptofdefense" target="_blank" rel="noopener noreferrer" title="YouTube" aria-label="YouTube"><span class="social-icon fa-brands fa-youtube social-link-7"></span></a></li>
        </ul>
      </div>
      <a class="subscribe-btn btn btn-sm btn-primary" href="https://public.govdelivery.com/accounts/usdod/subscriber/new" target="_blank">Subscribe</a>
    </div>
  </footer>
  <div id="footer-hosting">
    <div class="skin-footer-banner"><a target="_blank" rel="noreferrer noopener" href="https://www.web.dma.mil/"><span>Hosted by Defense Media Activity - WEB.mil</span></a></div>
  </div>
  <script type="text/javascript">
    var usasearch_config = {
      siteHandle: skinvars.aid,
      autoSubmitOnSelect: false,
    }
    window.onload = function() {
      document.getElementById("footer-search-input").value = "";
    }
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "//search.usa.gov/javascripts/remote.loader.js";
    document.getElementsByTagName("head")[0].appendChild(script);
    (function($) {
      $(function() {
        $('.footer-nav-col h3').click(function() {
          if (window.innerWidth > 991) return;
          $(this).parent('.footer-nav-col').toggleClass('active');
        });
      });
    })(jQuery);
    const queryInput = $("input[name=search-main],input[name=header-search], input[name=footer-search], i[id=fa-search-icon-bottom]").on("keyup", function(e) {
      if (e.keyCode == 13) {
        submitSearch($(this));
      }
    });
    $("input[name=search-main] ~ button, .search-icon, input[name=footer-search], input[name=footer-search] ~ button, i[id=fa-search-icon-bottom]").on("click", function(e) {
      e.stopImmediatePropagation();
      submitSearch($(this));
    });
    $(".search-icon").on("keypress", function(e) {
      if (e.which == 13) {
        e.stopImmediatePropagation();
        submitSearch($(this));
      }
    });

    function submitSearch($this) {
      const query = $this ? ($this.val() || $this.parent().find('input').val()) : "";
      const affiliate = !!skinvars.aid ? skinvars.aid : 'defensegov';
      if (query.length > 1) window.location = "//search.usa.gov/search?query=" + query + "&affiliate=" + affiliate + "&utf8=%26%23x2713%3B";
    }
  </script>
  <input name="ScrollTop" type="hidden" id="ScrollTop">
  <input name="__dnnVariable" type="hidden" id="__dnnVariable" autocomplete="off">
  <script src="/Desktopmodules/SharedLibrary/Plugins/Bootstrap/js/bootstrap.min.js?cdv=1636" type="text/javascript"></script>
</form>

Text Content

Skip to main content (Press Enter).
An official website of the United States Government 
Here's how you know

Official websites use .gov

A .gov website belongs to an official government organization in the United
States.

Secure .gov websites use HTTPS

A lock ( lock ) or https:// means you’ve safely connected to the .gov website.
Share sensitive information only on official, secure websites.
 * 
 * 
 * 
 * 
 * 

U.S. DepartmentofDefense
 * Back
 * Home
 * Place Holder
 * 
 * News
    * Press Products
      * Today in DOD
      * Live Events
      * Releases
      * Advisories
      * Transcripts
      * Speeches
      * Publications
      * Contracts
    * Newsroom
      * News Stories
      * Feature Stories
      * Stories from the Services

 * Multimedia
    * Multimedia
      * Photos
      * Videos
      * Interactive Experiences

 * Spotlights
    * Trending Issues
      * Taking Care of Our People
      * NATO
      * Focus on the Indo-Pacific
      * Support for Ukraine
    * Topics
      * Value of Service
      * Science & Technology
      * Face of Defense
      * All Spotlights

 * About
    * Leadership
      * Secretary of Defense
      * Deputy Secretary of Defense
      * Chairman of the Joint Chiefs of Staff
      * Vice Chairman of the Joint Chiefs of Staff
      * Office of the Secretary of Defense
      * More Leaders
    * Components
      * Army
      * Marine Corps
      * Navy
      * Air Force
      * Space Force
      * Coast Guard
      * National Guard
      * Combatant Commands


Search


Search Search
 * Back
 * Home
 * Place Holder
 * 
 * News
    * Press Products
      * Today in DOD
      * Live Events
      * Releases
      * Advisories
      * Transcripts
      * Speeches
      * Publications
      * Contracts
    * Newsroom
      * News Stories
      * Feature Stories
      * Stories from the Services

 * Multimedia
    * Multimedia
      * Photos
      * Videos
      * Interactive Experiences

 * Spotlights
    * Trending Issues
      * Taking Care of Our People
      * NATO
      * Focus on the Indo-Pacific
      * Support for Ukraine
    * Topics
      * Value of Service
      * Science & Technology
      * Face of Defense
      * All Spotlights

 * About
    * Leadership
      * Secretary of Defense
      * Deputy Secretary of Defense
      * Chairman of the Joint Chiefs of Staff
      * Vice Chairman of the Joint Chiefs of Staff
      * Office of the Secretary of Defense
      * More Leaders
    * Components
      * Army
      * Marine Corps
      * Navy
      * Air Force
      * Space Force
      * Coast Guard
      * National Guard
      * Combatant Commands

 * Legal & Administrative
   
    * Privacy & Security
    * Links Disclaimer
    * Section 508
    * DOD Social Media Policy
    * Web Policy
    * Plain Writing Act
    * DOD IG
    * Reporting Civilian Casualties
    * No FEAR Act
    * Imagery Use
    * FOIA
    * Open GOV
    * Strategic Management Plan
    * USA.gov
    * Small Business Act
    * Veterans Crisis Line
    * Site Map

 * 
 * 
 * 
 * 
 * 


COMMON THREADS
ARMY

Since the U.S. Army's founding on June 14, 1775, its uniforms have evolved to
match military tactics and technology – with warfighters constantly equipped
with gear that increases survivability, mobility and lethality.

Scroll the interactive display below to see how the uniform has changed over
time.

Disclaimer: Over the years, styles, environments, technology and missions
changed. In an attempt to simplify those complex details, we are featuring only
enlisted combat uniforms and their regulation equipment.

Dive In




UNIFORM EVOLUTION

Swipe through the timeline to see how the Army's uniform has evolved. Scroll the
uniform image to rotate the model or click to learn more.

Click through the timeline to see how the Army's uniform has evolved. Use the
scroll bar to rotate the model or click to learn more.


1775-1783




1812-1815




1861-1865




1917-1918




1941-1945




1950-1953




1965-1975




1990-1991




2000-2005




2019-2021


 
Headgear

Clothing

Footwear

Equipment

Weapons


REVOLUTIONARY WAR

Continental Army uniforms varied throughout the war because of material
shortages and difficulty transporting goods, but American soldiers generally
wore uniforms similar to the British and French armies – then the elite forces
of the world.

The Army established uniform regulations in 1779 and made efforts to standardize
small arms and equipment, with some success by the end of the war.

 
Headgear

Clothing

Footwear

Equipment

Weapons


WAR OF 1812

Army regiments were all outfitted differently during the War of 1812, except for
militia uniforms. Designs continued to follow European military trends and by
1813, lace bindings were no longer featured so regulation uniforms could be mass
produced and quickly distributed to troops.

 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment
 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment


CIVIL WAR

By the middle of the Civil War, military uniforms were mostly standardized for
U.S. troops, known as "regulars," and the state-raised volunteer regiments.
While there was still some variety, a regulation uniform for the enlisted foot
soldier had emerged.

Wool in summer? An Army historian explains


VARIATIONS

 * Dress Coat
 * Fatigue Blouse

 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment
 
Uniform


WORLD WAR I

The turn of the century marked a uniform change for the Army. The M1910 service
uniform, issued for work and field use, was the service's first uniform that was
solely one color. It was olive drab green wool in winter and khaki cotton in
summer – and for the first time, it didn't include a blue coat or trousers. By
the time the U.S. entered World War I, the winter service uniform had become the
standard field/combat choice for the American Expeditionary Forces, or AEF, in
Europe.

Trench Warfare Made Pistols, Knives Important
How African Americans Served In WWI


VARIATIONS

 * Frontline Infantry
 * French Style

 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment
 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment
 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment


WORLD WAR II

World War II was truly global and required multi-environment clothing.

In 1943, for the first time, a new uniform was developed specifically for
combat. Until then, three basic uniforms: a winter wool service uniform, a khaki
cotton summer service uniform and a fatigue (work) uniform, were modified and
improved. As the war progressed, fatigue uniforms made of herringbone twill, or
HBT, also became more prominent in the combat zone.


VARIATIONS

 * M1941
 * M1943
 * HBT

 
Headgear

Clothing

Footwear

Equipment

Weapons

Winter Gear

Body Armor


KOREAN WAR

Soldiers in Korea used much clothing and equipment consisting of original and
revised patterns from World War II. Given Korea’s rugged, mountainous terrain
and frigid climates, however, it quickly became evident that troops fighting
there needed additional winter clothing.

Why Uniform "Name Tape" IDs Came About
 
Headgear

Clothing

Footwear

Equipment

Weapons

Front Equipment

Body Armor


VIETNAM WAR

In the decade following the Korean War, from 1954 to 1964, the Army's uniforms,
small arms and equipment changed dramatically.

Due to Vietnam's tropical climate, the field uniforms (jungle fatigues) would be
a new lightweight design. The change of small arms from the M-1 rifle to the
M-14 rifle and later to the M-16A1 rifle resulted in a radical change to the
Army’s field equipment.

 
Headgear

Clothing

Footwear

Equipment

Weapons

Body Armor


DESERT STORM (GULF WAR)

The push to standardize uniforms for the U.S. armed forces continued in the
years leading up to the Gulf War. The Desert Battle Dress Uniform (DBDU) was
introduced on a large-scale in 1982 as part of a major uniform change. This was
famously known as the "Chocolate Chip" pattern. Technological advances in
materials and body armor added to the safety of troops in war and improved
comfort.

 
Headgear

Clothing

Footwear

Equipment

Weaponry

Body Armor
 
Headgear

Clothing

Footwear

Equipment

Weapons

Body Armor


OPERATION ENDURING FREEDOM, OPERATION IRAQI FREEDOM

At the beginning of the 21st century, the military services began developing
their own warfighting clothing, boots, body armor and equipment. The slight
differences in uniform direction were meant to meet the specific mission of each
service branch.

The Army continued to improve uniform technology throughout the global war on
terror. The Army Combat Uniform, specifically developed for use with body armor,
replaced the Battle Dress Uniform after the ACU's introduction in 2004.


VARIATIONS

 * Early 2000s
 * Late 2000s

 
Headgear

Clothing

Footwear

Equipment

Weapons

Body Armor


MODERN

Since operations Enduring Freedom and Iraqi Freedom, advancements continue in
garment material, body armor and equipment. With newer technology, such as
flame-retardant and permethrin-infused clothing, soldiers are further protected
from burns and insect-borne diseases.


HEADGEAR

×

TRICORNE HAT:

This cocked hat was made of black felt and often bound around the edge of the
brim with white wool tape. A white trim of wool tape represented foot troops and
yellow trim represented artillery troops. A black cockade made from ribbon was
attached to the left front, held by a cord and button. This was changed to black
and white when France joined the war in support of the United States.


CLOTHING

×

COATS:

The Continental Army uniform coat was made of dark blue wool – a direct contrast
to the British Army’s red uniforms.

The collar, cuffs and lapels were trimmed with a variety of colors depending on
the region: white for New England; buff for New York and New Jersey; red for the
mid-Atlantic states; and blue for the southern states.

WAISTCOAT (VEST):

Worn under the coat and over the shirt, the waistcoat was generally single
breasted with a standing collar and two small front pockets.

SHIRTS:

Shirts were usually made of coarse, white or natural linen and were long and
loose fitting, with full, long sleeves and a large collar. (Not pictured)

NECK STOCK:

Worn over the shirt collar and fastened around the neck with a buckle, clasp or
tie-string, the neck stock helped soldiers maintain a military posture. They
were typically black and made of woven horsehair, leather or linen.

OVERALLS:

Overalls were usually made of white wool for winter service and white linen for
summer service. Trousers were usually tailored to fit looser and baggier than
breeches.

BREECHES:

A common form of civilian garment, breeches were worn early in the war. Full in
the seat and tight in the leg, the breeches extended just below the knee. They
were often made of wool or linen, and in some cases, leather. (Not pictured)

General George Washington considered overalls to be a superior item of clothing,
and by the end of 1778, they had been adopted by most American regiments,
replacing breeches.

During the first few years of the war, substantial stocks of uniforms were made
in centers, such as Boston, Philadelphia, Baltimore and Charleston. These
uniforms were made of locally woven cloth or cloth imported from France.


FOOTWEAR

×

Shoes were low quarter, black leather with buckles or ties (laces).

There was no distinction between left and right shoes.


EQUIPMENT

×

The most common form of knapsack was a square linen bag with a large flap that
was usually painted to provide protection in damp weather. It was used to hold
spare clothing, personal items and a folded blanket under the flap. (not
pictured)

The haversack was a white, linen bag for carrying food, utensils and small
personal items.

The canteen which was used to carry liquids, usually water, was a round, wooden
“cheese box” drum. It had a wooden stopper and was held by a leather shoulder
strap.

The two crossbelts were usually made of “whitened buff” leather, although tanned
leather or a woven linen was sometimes used.

One of the belts extended from the left shoulder to the right hip and supported
the cartridge box. This was also generally leather, and had a wooden block
inside with holes drilled in the top to hold pre-rolled paper cartridges,
usually about two dozen rounds.

The other belt, which hung in the opposite direction and featured a buckle or
breastplate to adjust length, supported the scabbard for the bayonet. The
blackened, tanned leather scabbard was sized to fit the bayonet's blade.


WEAPONS

×

The British short land service musket, also known as the second model Brown Bess
musket, was a smoothbore, flintlock musket that fired a .75-caliber lead ball.

By the end of the war, the M1766 Charleville provided by French allies was the
most prevalent weapon in the Continental Army’s inventory.


HEADGEAR

×

The “tombstone” shako cap was a tall, black, flat-top cap with a slight
extension at the top. Initially made of felt, it was changed to leather for
better weather protection. A cap plate bore the unit insignia and a white wool
plume. A braided cord with tassels was yellow or white: Yellow represented
artillery, and white was for infantry.


CLOTHING

×

COATEE:

This tight-fitting uniform garment was waist length in front and had short tails
at the back. The single-breasted coatee had 10 metal button closures and a high
standing collar trimmed with white lace. Dark blue was the regulation color, but
due to dye shortages – most dyes came from Europe – gray, brown and green wools
were also used.

At the time, there were no branch colors as we have today. Foot troops used
silver or white trim; all others used gold or yellow trim.

WAISTCOAT:

Also called a vest, it was single-breasted with a tall, standing collar and went
over the shirt and under the coatee. The summer waistcoat was white linen and in
winter, it was wool. (Not pictured)

SHIRTS:

Generally made of course, white or natural linen, shirts were long and loose
fitting with full, long sleeves and a large collar. The shirt also doubled as a
sleeping garment. (Not pictured)

NECK STOCK:

Worn over the shirt collar to help soldiers maintain military posture, neck
stocks were usually black leather and fastened with a brass clasp.

TROUSERS:

Full in the seat with tight legs ending at the ankles, trousers had replaced
both breeches and overalls by the War of 1812. Like the waistcoat, trousers were
white linen for summer and blue, white or gray wool for winter.

GAITERS:

Also called leggings, gaiters served to keep dirt out of the shoes and to
protect the legs in rough terrain. They were worn over trouser legs and stopped
just below the knee. Gaiters were black wool or painted black canvas with a
button closure on the outer side and a strap under the boot.


FOOTWEAR

×

The blackened, tanned leather shoes usually had the rough side facing out. Small
wooden pegs held together the leather soles and the rest of the boot was sewn
together with linen thread.

There was no distinction between the left and right shoes.


EQUIPMENT

×

Soldiers used a linen knapsack to carry spare clothing, personal items and a
folded blanket under the flap, which was painted light blue with the letters
“U.S.” in an oval and secured by three leather straps. Everything that wasn't
worn against the body was painted as a waterproofing technique.

The white linen haversack carried food, utensils and small personal items.

Generally a round, wooden “cheese box” drum, the canteen held liquids, usually
water. It had a wooden stopper and hung from a leather strap, and most were
painted sky blue according to regulations, with white "U.S." letters painted on
the face.

The crossbelts were made of “whitened buff” leather or dyed black. (a more
efficient choice).

The black leather cartridge box contained a wooden block with holes drilled in
the top to hold pre-rolled paper cartridges. Under the block, a tin tray with
three compartments held spare flints, a musket tool and a cleaning rag. A belt
that hung crosswise from the left shoulder supported the weight of the box.

The other belt supported the scabbard for the bayonet and was worn from right
shoulder to left hip. It also featured an oval breast plate used to adjust the
length. The scabbard was made of black leather and was sized to fit the blade of
the bayonet.


WEAPONS

×

M1795 SPRINGFIELD MUSKET:

The first American model musket to be issued that was manufactured at the
Springfield Arsenal in Massachusetts and by several private contractors,
including Eli Whitney. It was a direct copy of the French Charleville musket
used in the Revolutionary War.


HEADGEAR

×

The M1858 Army hat, referred to as the dress hat or Hardee Hat, was made of
black felt with a three-inch brim looped up on one side and held with a stamped
brass eagle (from the Arms of the United States). The branch insignia for the
infantry was a looped hunting horn with the regimental number in the center and
the company letter on top. The forage cap - described under Fatigue Uniform -
was also issued.


CLOTHING

×

COATS:

The two coats issued the most to foot troops throughout the war were the 1858
dress coat and the sack coat, or fatigue blouse.

Infantry, cavalry and light artillery units wore the sack coat which was made of
dark blue, loosely woven flannel wool, reached just below the waistline and came
in four sizes. Single-breasted with four brass coat buttons and a simple roll
collar, the sack coat was meant for work or detail, but was more prevalent on
the battlefield by the end of the war than the dress coat.

The 1858 dress coat, also known as a frock to civilians, was made of dark blue
wool with skirts extending halfway to the knees. It was single-breasted with
nine brass general service eagle buttons in front and a standing collar hooked
together at the neck. The sleeves had pointed cuffs, open at the seam and
secured with two small brass general service buttons. The edge of the collar and
the cuffs were piped with a welt of cloth in the branch color (sky blue for
infantry). This coat was more commonly worn by infantry soldiers earlier in the
war and by certain infantry and heavy artillery units throughout.

SHIRTS:

Army-issue shirts were pullover style and made of white domet flannel – a cotton
or cotton and wool flannel. They were coarse, inexpensive and easy to
manufacture. (Not pictured)

TROUSERS:

Enlisted soldiers wore full-cut, straight leg, cuffed, creaseless trousers with
vertical side pockets, made of sky blue kersey – a kind of coarse wool. A small
tightening belt known as a yoke helped them fit properly. They were issued in
four sizes, without belts or suspenders, though soldiers could wear their own.

DRAWERS:

White cotton long drawers buttoned at the waist in front and sometimes had
adjustment ties on each side. There were also ties at the bottom of each leg
that fastened under the instep and prevented the legs from riding up. (Not
Pictured)


FOOTWEAR

×

Shoes, known as Jefferson bootees, were ankle-high, laced, smooth blackened
leather with soles held together by small wooden pegs.

They were very similar to the 1812 shoe except they were now made specifically
for left and right feet.


EQUIPMENT

×

The double-bag knapsack, made of black painted or enameled cotton cloth, held
soldiers’ spare clothing and personal items. It could also carry the blanket,
ground cloth/poncho, partial tent called a shelter half, and shelter half poles
and pins (if those were retained by the soldier).

The haversack, a canvas painted or enameled black bag, featured a shoulder strap
of the same material. A large flap was secured in front with a leather strap and
buckle. A white inner cloth bag was used to carry rations, eating utensils and
other small items.

The M1858 canteen was an oblate spheroid made of pressed tin with three strap
loops around the edge and a pewter spout with a cork stopper at the top. The
cork was capped with tin and had an iron ring and chain attached at the top. The
body of the canteen was covered in sky blue or brownish gray fabric.

There was no government-issued personal identification or first aid kit at this
time.

The M1861 cartridge box was made of black leather with a large outer flap.
Attached to the center of the flap was an oval, lead-filled brass plate with a
raised rim and the letters “U.S.” A tin inner liner divided two upper and two
lower compartments, each holding 10 rounds of .58 caliber cartridges.


WEAPONS

×

Most notable were the .577-caliber British M1853 Enfield rifle-musket and
.58-caliber M1861 and M1863 Springfield rifle-muskets. The American-made weapons
each had a triangular bayonet.


FRONT EQUIPMENT

×

A blackened buff leather waist belt added to the uniform had a brass plate or
buckle that was stamped with “U.S.” and filled with lead in the back to give it
weight. An attached black leather percussion cap pouch contained primers for the
rifle or musket. A sewn-in strip of sheep’s wool kept musket caps from falling
out.


HEADGEAR

×

The forage cap originally was intended to be worn during fatigue or foraging
duty rather than during garrison or dress duties. It was made of dark blue wool
with a leather bill in front and a leather chinstrap held in place by a small
brass general service eagle button on each side. While light and comfy, the cap
didn’t offer good protection from extreme weather. Soldiers also received the
M1858 Army hat.(see Civil War Dress Uniform for a description of this hat)


CLOTHING

×

COATS:

The two coats issued the most to foot troops throughout the war were the 1858
dress coat and the sack coat, or fatigue blouse.

Infantry, cavalry and light artillery units wore the sack coat which was made of
dark blue, loosely woven flannel wool, reached just below the waistline and came
in four sizes. Single-breasted with four brass coat buttons and a simple roll
collar, the sack coat was meant for work or detail, but was more prevalent on
the battlefield by the end of the war than the dress coat.

SHIRTS:

Army-issue shirts were pullover style and made of white domet flannel – a cotton
or cotton and wool flannel. They were coarse, inexpensive and easy to
manufacture. (Not pictured)

TROUSERS:

Enlisted soldiers wore full-cut, straight leg, cuffed, creaseless trousers with
vertical side pockets, made of sky blue kersey – a kind of coarse wool. A small
tightening belt known as a yoke helped them fit properly. They were issued in
four sizes, without belts or suspenders, though soldiers could wear their own.

DRAWERS:

White cotton long drawers buttoned at the waist in front and sometimes had
adjustment ties on each side. There were also ties at the bottom of each leg
that fastened under the instep and prevented the legs from riding up. (Not
Pictured)


FOOTWEAR

×

Shoes, known as Jefferson bootees, were ankle-high, laced, smooth blackened
leather with soles held together by small wooden pegs.

They were very similar to the 1812 shoe except they were now made specifically
for left and right feet.


EQUIPMENT

×

The double-bag knapsack, made of black painted or enameled cotton cloth, held
soldiers’ spare clothing and personal items. It could also carry the blanket,
ground cloth/poncho, partial tent called a shelter half, and shelter half poles
and pins (if those were retained by the soldier).

The haversack, a canvas painted or enameled black bag, featured a shoulder strap
of the same material. A large flap was secured in front with a leather strap and
buckle. A white inner cloth bag was used to carry rations, eating utensils and
other small items.

The M1858 canteen was an oblate spheroid made of pressed tin with three strap
loops around the edge and a pewter spout with a cork stopper at the top. The
cork was capped with tin and had an iron ring and chain attached at the top. The
body of the canteen was covered in sky blue or brownish gray fabric.

There was no government-issued personal identification or first aid kit at this
time.

The M1861 cartridge box was made of black leather with a large outer flap.
Attached to the center of the flap was an oval, lead-filled brass plate with a
raised rim and the letters “U.S.” A tin inner liner divided two upper and two
lower compartments, each holding 10 rounds of .58 caliber cartridges.


WEAPONS

×

The .577-caliber British M1853 Enfield rifle-musket and .58-caliber M1861 and
M1863 Springfield rifle-muskets, made in America, were common late in the war
and each had a triangular bayonet.

The M1842 Springfield musket which was common earlier in the war, was
smooth-bore – which was not very accurate – .69-caliber and had a triangular
bayonet. It was less common to see by the end of the war. (Not pictured)

The black leather bayonet scabbard which hung from the waist belt was sized to
fit the blade of the bayonet. It had a brass tip on the bottom and was stitched
at the top to a curved leather piece with a belt loop called the frog.


FRONT EQUIPMENT

×

A blackened buff leather waist belt added to the uniform had a brass plate or
buckle that was stamped with “U.S.” and filled with lead in the back to give it
weight. An attached black leather percussion cap pouch contained primers for the
rifle or musket. A sewn-in strip of sheep’s wool kept musket caps from falling
out.


HEADGEAR

×

Soldiers sent to Europe as part of the AEF received the soft cloth overseas cap,
which was based on British and French designs. They could carry it in a pocket
when wearing the helmet. (Not pictured)

U.S. troops initially used the British version of the M1917 steel helmet – known
as the “Brodie” helmet – but the U.S. was producing and fielding its own copy by
1918. Meant to deflect overhead shell fragments, the helmet was not bulletproof.
It had a rounded crown, flared brim, leather lining and a chin strap that
fastened inside it. It was painted a brownish olive green and given a sand
texture to make it less reflective.


CLOTHING

×

M1912/M1917 Service Uniform made of olive drab wool and cotton liner, the
single-breasted service coat had four flapped pockets and five buttons. Its
short standing collar hooked and displayed two discs: One had “U.S.” on it
originally and later bore the regimental number; the other had the branch emblem
and, generally, the company letter.

Soldiers also were issued M1916 shirts – pullover flannel garments in olive drab
that each had a collar, two pockets, three buttons on the placket and sleeve
reinforcement over the elbows. (Not pictured)

Men were issued olive drab wool service breeches, which fit with the style of
the time – flaring out at the thigh, tapering at the knee and fitting tightly at
the calf, where they ended with a lace-up closure.

Called spiral puttees, leg wraps were wool cloth strips that were several feet
long, wrapped tightly around the top of the boot and extended to just below the
knee. Effective in protecting the legs from underbrush, dirt, mud and more in
the trenches, leg wraps replaced canvas leggings.


FOOTWEAR

×

(pictured) The ankle-high, lace-up M1917 trench boots were made of chrome
vegetable-tanned cowhide, rough-side out. They replaced the ineffective russet
leather marching shoe and foreign-made boots. When they proved inadequate under
prolonged combat conditions, the Army adopted the M1918 trench boot (later known
as the Pershing boot), which was made of the same cowhide as the 1917, but was
sturdier and better suited for the trenches. It had hobnails for traction, steel
heel plates like a horseshoe and steel toecaps to prevent undue wear.


EQUIPMENT

×

Olive drab or khaki in color, the M1910 Haversack was a lightweight canvas pack
that held an M1910 entrenching tool (shovel, pick-mattock or ax) and cover, meat
pan, mess gear, condiment can, extra clothing, sewing kit and toiletries –
although combat troops rarely had all of these items when in action. The M1907
bayonet and scabbard attached to the left side of the haversack flap. A lower
extension held blankets, shelter half, poles and pegs that could quickly be
dropped when going into action.


WEAPONS

×

Soldiers were equipped with the bolt-action M1903 Springfield Rifle which held
five rounds of .30-caliber ammunition in an internal magazine. The M1905
bayonet, a 16-inch knife that was no longer triangular, was attached to the gun
or carried in a leather and canvas scabbard when not in use. Versions of this
rifle continued to be used through the Korean War.

Because of shortages, the M1903 was supplemented with a similar weapon of
British design, the M1917 Enfield Rifle. It held six rounds and was about a
pound lighter than the M1903. The M1917 bayonet was nearly identical to the
M1905 although not interchangeable.

WWI marked the first time the U.S. would use the M1911 Colt .45-caliber
automatic pistol. M1909 and M1917 .45-caliber revolvers were also used.


FRONT EQUIPMENT

×

BANDOLEER:

A khaki cloth bandoleer with a strap so it could be worn over the shoulder, was
stitched to form six pockets that would each hold two extra ammo clips. (not
pictured)

M1910 CARTRIDGE BELT:

A series of straps and metal grommets connected the haversack to the M1910
Cartridge Belt, which helped with weight distribution. The belt was made of
webbed cotton canvas and featured a brass buckle. Each side had five pockets for
five-round clips of.30-caliber ammunition. An aluminum kidney-shaped canteen and
cup hung from the belt in a canvas cover, along with a newly introduced first
aid pouch.

GAS MASK:

The British small box respirator contained in a canvas haversack and worn on the
chest, was the primary protection against newly introduced chemical warfare
(chlorine, phosgene and mustard gas). The snug rubberized facepiece was
connected by a hose to an activated charcoal filter, a concept derived from
American coal miners. Soldiers received an American-made version of the gas mask
by the end of the war.


UNIFORM

×

Four African-American infantry regiments deployed overseas and were assigned to
the French army for combat service. They retained their primary uniform
components (coat, shirt, breeches, leg wraps and boots), but everything else was
generally of French patterns.


HEADGEAR

×

CAP:

A soft cloth cap similar to the WWI overseas cap or garrison cap, was used at
camp, but not on the front lines. The cap was olive drab wool serge or khaki
cotton with piping on the edge of the side flaps, and the color was dependent on
the branch. (Not pictured)

M1 HELMET:

This manganese steel upgrade from the WWI helmet provided greater ballistic
protection, was stable to wear and didn’t interfere with the soldier’s vision or
ability to fire weapons. The olive drab helmet was also finished with sand/cork
to give it a less reflective texture and came with a two-piece webbed chinstrap.
It had a separate liner made of plastic impregnated cotton that molded to shape.
A canvas webbing suspension system allowed for a custom fit. Like the WWI
helmet, they were meant to deflect shell fragments and were not bulletproof.


CLOTHING

×


EUROPEAN THEATER OF OPERATIONS

FIELD JACKETS:

There were two versions of field jackets: the 1941 and 1943. (Pictured)
1943:This darker-colored olive drab cotton-poplin jacket phased out the 1941
version. It was single-breasted with hidden buttons and added two interior
pockets, a detachable hood, a cotton-poplin liner and an internal synching tie
to draw it in for a better fit. It was also more wind- and water-resistant. The
1941 olive drab cotton-poplin windbreaker-style jacket was lined with wool
flannel. It had a zipper, a roll collar, buttons and slanted front pockets. It
was loose and economical, so it replaced the service coat in the field.

OVERCOATS:

Made of wool melton, a thick, dense fabric with a soft surface. (Not pictured)

SERVICE SHIRTS:

Button-up style in olive drab wool flannel. The collar was designed to be worn
with a necktie. Shirts had two breast pockets and securable cuffs. (Not
pictured)

P1937 TROUSERS:

Made of olive drab wool serge, these were worn for service and in the field.
They were unlined, had a button fly, diagonal side pockets, one pocket in the
rear, belt loops and suspender buttons on the inside. By this time, breeches
were only used by mounted cavalry soldiers.

M1943 TROUSERS:

Issued in the middle of the war, these unlined cotton poplin trousers were a
darker shade of olive drab. Adjustment tabs were added to the ankles and waist,
and they could be worn over wool trousers in cold weather. (Not pictured)

M1938 LEGGINGS:

The khaki or olive drab cotton canvas leggings were worn with the field service
shoe. They were laced up the side with a cord and secured with hooks and
eyelets. An adjustable strap went under the soldier’s instep. Troops who
received combat boots that were issued starting in 1943 no longer needed the
leggings. Puttees had also been phased out because there was no more trench
warfare. (Not pictured)


PACIFIC THEATER OF OPERATIONS

U.S. troops first used camouflage in WWII in the Pacific theater, not in Europe,
because Germans wore it there. However, it wasn’t prevalent in the Pacific. The
uniforms were reversible: A green color scheme for jungle and tan scheme for the
beach. (Not pictured)

JACKETS:

Herringbone twill cotton was used for these unlined olive drab-colored jackets
because it was more airy than wool and dried quicker. This single-breasted
jacket had five buttons, two flap-secured breast pockets and a roll collar
designed to be worn open at the neck. While herringbone twill was designated a
jungle-desert combat outfit, some were issued to troops participating in the
Normandy invasion that had added protection from chemical agents.

TROUSERS:

Herringbone twill cotton was used for these olive drab-colored trousers because
it was more airy than wool and dried quicker. Unlined, the trousers had a button
fly, belt loops and suspender buttons on the inside. Each side had a large
flap-secured cargo pocket.


FOOTWEAR

×

Field service shoes were initially ankle-high and made of roughout leather
(softer than in WWI) or smooth russet. Soles and heels were now made of durable
synthetic rubber. By 1943, the combat service boot was introduced with these
same features, but also included a two-buckle leather cuff at the top. Pacific
soldiers were also often issued olive drab cotton canvas jungle boots with black
rubber soles that were tall and laced in the front using hooks and eyelets.

Shoe Pacs were rubber boots issued for winter climates and worn with a felt
liner insert to wick out water. These were worn in place of the regular boot.
(Not pictured)


EQUIPMENT

×

Trigger-finger mittens were introduced. Not many other changes were made to the
style of equipment since large quantities of what had been manufactured during
WWI were still on hand.

This soldier wears the M1928 haversack, which was nearly identical to the M1910
version, with the addition of a few quick-release buckles.

The M1910 entrenching tool from WWI is attached. There’s also a M1936 Musette
bag for extra storage.

Metal grommets attached to the straps of the haversack and could attach to more
equipment such as the M1910 aluminum canteen and cup, their cotton canvas cover
and the M1910 first aid packet and pouch.

The new M1945 Combat & Cargo Pack also came out but was issued only in limited
numbers by war’s end. It was two pieces that could be worn together or
separately. (Not pictured)

Since chemical warfare was expected after WWI, many variations were fielded
during WWII. The M2A1 & M2A2 series gas masks (not pictured) and the M3
lightweight gas mask were used during the early part of the war. Each mask
connected to a filter canister by a hose. In 1944, D-D ay troops were among
those issued the M5 assault gas mask in a waterproof carrier. This mask’s filter
canister screwed directly into the cheek of the facepiece and became the pattern
for the development of postwar gas masks.


WEAPONS

×

Newer firepower was introduced although soldiers continued to use variations of
the M1903 Springfield rifle from WWI.

M1 GARAND .30-CALIBER RIFLE:

Introduced in 1936, this was the first gas-operated, clip-loaded semi-automatic
rifle in the world, giving the U.S. significant firepower advantage. An
expendable “en bloc” steel clip held eight rounds of ammo each.

M1 .30-CALIBER CARBINE:

This lightweight carbine was used by rear-echelon troops, noncommissioned
officers and specialist troops. The carbine used a shorter, less powerful
.30-caliber cartridge with a 15-round magazine.

BAYONETS:

The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI.
Then came a new version, the M1942, which was also 16 inches but had plastic
grips instead of wood, an anti-corrosion coating on the metal and a cotton
scabbard. In 1943, a 10-inch version of the M1942 bayonet was created and
remaining M1905 and M1942 versions were cut down to match.

ADDITIONAL WEAPONS:

Machete-like bolo knives, Colt. 45 pistols, Thompson submachine guns, Browning
Automatic Rifles and the M3A1 submachine gun.


FRONT EQUIPMENT

×

A six-pocket cloth bandoleer carried with a strap over the shoulder was used for
M1 Garand and M1903 rifle .30-caliber ammunition clips.

The M1923 Dismounted Cartridge Belt provided 10 canvas pockets for 10 more
eight-round en bloc clips for the M1 Garand rifle.


HEADGEAR

×

CAP:

While this soft cloth cap was similar in appearance to the WWI overseas cap, it
was now known as the garrison cap and worn at camp but not on the front lines.
It was olive drab wool serge or khaki cotton. There was piping on the edge of
the side flaps and the color was branch-dependent. (Not pictured)

M1 HELMET:

This manganese steel upgrade from the WWI helmet provided greater ballistic
protection, was stable to wear and didn’t interfere with the soldier’s vision or
ability to fire weapons. Olive drab in color, it was also finished with sand or
cork for a less reflective texture. The helmet featured a two-piece webbed
chinstrap and had a separate liner made of plastic impregnated cotton that
molded to shape. A canvas webbing suspension system allowed for a custom fit.
The M1941 wool knit cap was sometimes worn underneath the helmet.


CLOTHING

×


EUROPEAN THEATER OF OPERATIONS

FIELD JACKETS:

There were two versions of field jackets: the 1941 and 1943. (Pictured)
1943:This darker-colored olive drab cotton-poplin jacket phased out the 1941
version. It was single-breasted with hidden buttons and added two interior
pockets, a detachable hood, a cotton-poplin liner and an internal synching tie
to draw it in for a better fit. It was also more wind- and water-resistant. The
1941 olive drab cotton-poplin windbreaker-style jacket was lined with wool
flannel. It had a zipper, a roll collar, buttons and slanted front pockets. It
was loose and economical, so it replaced the service coat in the field

OVERCOATS:

Made of wool melton, the overcoat was of thick, dense fabric with a soft
surface. (Not pictured)

SERVICE SHIRTS:

Button-up style in olive drab wool flannel, the shirts had two breast pockets
and securable cuffs. The collar was designed to be worn with a necktie. (Not
pictured)

P1937 TROUSERS:

Made of olive drab wool serge, these were worn for service and in the field. The
button fly, unlined trousers had diagonal side pockets, one pocket in the rear,
belt loops and suspender buttons on the inside. At that time, breeches were only
used by mounted cavalry soldiers.

M1943 TROUSERS:

Issued during the middle of the war, the M1943 trousers were an unlined darker
shade of olive drab made of cotton poplin. Adjustment tabs were added to the
ankles and waist and they could be worn over wool trousers in cold weather. (Not
pictured)

M1938 LEGGINGS:

The khaki or olive drab cotton canvas leggings were worn with the field service
shoe.They were laced up the side with a cord and secured with hooks and eyelets.
An adjustable strap went under the soldier’s instep. Troops who received combat
boots that were issued starting in 1943, no longer needed the leggings. Puttees
had also been phased out because there was no more trench warfare. (Not
pictured)


PACIFIC THEATER OF OPERATIONS

U.S. troops first used camouflage in WWII in the Pacific theater, NOT in Europe,
because Germans wore it there. However, it wasn’t prevalent in the Pacific. The
uniforms were reversible: A green color scheme for jungle and tan color scheme
for the beach. (Not pictured)

JACKETS:

Herringbone twill cotton was used for these unlined olive drab jackets because
it was more airy than wool and dried quicker. This single-breasted jacket had
five buttons, two flap-secured breast pockets and a roll collar that was
designed to be worn open at the neck. While herringbone twill was designated a
jungle-desert combat outfit, some were issued to troops participating in the
Normandy Invasion that had added protection from chemical agents.

TROUSERS:

Herringbone twill cotton was used for these olive drab trousers because it was
more airy than wool and dried quicker. They were unlined and had a button fly,
belt loops and suspender buttons on the inside. Each side had a large
flap-secured cargo pocket.


FOOTWEAR

×

Field service shoes were initially ankle-high and made of roughout leather
(softer than in WWI) or smooth russet. Soles and heels were now made of durable
synthetic rubber. By midwar, the M1943 combat service boot was introduced with
these same features, but also included a two-buckle leather cuff at the top.
Pacific soldiers were also often issued olive drab cotton canvas jungle boots
with black rubber soles. They were tall and laced in the front using hooks and
eyelets.

Shoe Pacs was a rubber boots were issued for winter climates and were to be worn
with a felt liner insert to wick out water. These were to be used in place of
the regular boot. (Not pictured)


EQUIPMENT

×

Trigger-finger mittens were introduced and there were few changes made to the
style of equipment since large quantities of what had been manufactured during
WWI were still on hand. This soldier wears a bedroll. The M1943 entrenching
shovel had a triangular front edge and folding steelhead that could lock at
various degrees.

The new M1945 combat and cargo pack (Not pictured) that was in two parts that
could be worn separately was also released, but it was issued in limited numbers
by war’s end.

Since chemical warfare was expected after WWI, many variations were fielded
during WWII. The M2A1 and M2A2 series gas masks (not pictured) and the M3
lightweight gas mask were used during the early part of the war. Each connected
to a filter canister by a hose. In 1944, D-Day troops were among those issued
the M5 assault gas mask in a waterproof carrier. This mask’s filter canister
screwed directly into the cheek of the facepiece and became the pattern for the
development of postwar gas masks.


WEAPONS

×

Soldiers used variations of the M1903 Springfield rifle from WWI, but newer
firepower was also introduced:

M1 GARAND .30-CALIBER RIFLE:

Introduced in 1936, this was the first gas-operated, clip-loaded semiautomatic
rifle in the world, giving the U.S. significant firepower advantage. It used an
expendable “en bloc” steel clip, each holding eight rounds of ammo.

M1 .30-CAL CARBINE:

This lightweight carbine was used by rear-echelon troops, noncommissioned
officers and specialist troops. The carbine used a shorter, less powerful
.30-caliber cartridge with a 15-round magazine.

BAYONETS:

The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI.
Then came a new version, the M1942, which was also 16 inches but had plastic
grips instead of wood, an anticorrosion coating on the metal and a cotton
scabbard. In 1943, a shorter 10-inch version of the M1942 bayonet was created.
Remaining M1905 and M1942 versions were cut down to match and issued.

ADDITIONAL WEAPONS:

Machete-like bolo knives, Colt. 45 pistols, Thompson submachine guns, Browning
Automatic Rifles and the M3A1 submachine gun.


FRONT EQUIPMENT

×

The M1923 dismounted cartridge belt provided 10 canvas pockets for 10 additional
clips for the M1 Garand rifle. Metal grommets attached to the straps of the
haversack and could attach to more equipment if needed, such as the stainless
steel canteen, its cup, their cotton canvas cover and a first aid pouch.

The M6 gas mask carrier and a six-pocket cloth bandoleer were carried over the
shoulder for the M1 Garand and M1903 rifle .30-caliber ammunition clips. A
dinner k-ration was also carried in the left breast pocket.


HEADGEAR

×

CAP:

Similar in appearance to the WWI overseas cap, this soft cloth covering was now
known as the garrison cap. Made of olive drab wool serge or khaki cotton, the
cap was used in camp, not on the front lines. There was piping on the edge of
the side flaps; its color was branch-dependent. (Not pictured)

M1 HELMET:

This manganese steel upgrade from the WWI helmet provided greater ballistic
protection, was stable to wear and didn’t interfere with the soldier’s vision or
weapon-firing capabilities. Painted olive drab, the helmet was finished with
sand/cork to give it a less reflective texture. It had a canvas webbing
suspension system to custom-fit the head, a separate liner made of plastic
impregnated cotton that molded to shape and a two-piece webbed chinstrap.


CLOTHING

×

HERRINGBONE TWILL:

material was prevalent in both the European and Pacific theaters in Olive Drab
No. 7 shade. It was used for jackets and trousers because it was more airy than
wool and dried quicker. A one-piece coverall was an option for fatigue and field
use, but it wasn’t very useful in the field. Troops preferred the two-piece.

U.S. troops first used camouflage in WWII in the Pacific theater, not in Europe,
because Germans wore it there. Still, it wasn’t prevalent in the Pacific. The
uniforms were reversible: A green color scheme for the jungle and a tan scheme
for the beach.

JACKETS:

Herringbone twill cotton was used for these unlined olive drab-colored jackets
because it was more airy than wool and dried quicker. These single-breasted
jackets had five buttons, two flap-secured breast pockets and roll collars that
were designed to be worn open at the neck. Herringbone twill was designated a
jungle-desert combat outfit, though some with added protection from chemical
agents were issued to troops participating in the Normandy invasion.

TROUSERS:

Herringbone twill cotton was used for these olive drab-colored trousers because
it was more airy than wool and dried quicker. The trousers were unlined and had
a button fly, belt loops and suspender buttons on the inside. Each side had a
large flap-secured cargo pocket.

M1938 LEGGINGS:

Puttees, which wrapped around the lower leg, had been phased out with the end of
trench warfare. M1938 leggings, made of khaki or olive drab cotton canvas, laced
up the side with a cord and were secured with hooks and eyelets. They were worn
with the field service shoe and had an adjustable strap that went under a
soldier’s instep. Troops that received combat boots, which were issued beginning
in 1943, no longer needed these leggings.


FOOTWEAR

×

Field service shoes initially were ankle-high and made of roughout leather
(softer than in WWI) or smooth russet. Soles and heels were now made of durable
synthetic rubber. By 1943, the combat service boot was introduced with these
same features, and also included a two-buckle leather cuff at the top. Pacific
soldiers often also received tall olive drab cotton canvas jungle boots that
laced in the front using hooks and eyelets and had black rubber soles (not
pictured).

Shoe Pacs were rubber boots issued for winter climates and worn with a felt
liner insert to wick out water. These were worn in place of the regular boot.
(Not pictured)


EQUIPMENT

×

Other than the introduction of trigger-finger mittens, few changes were made to
the style of field equipment issued, since large quantities of equipment
manufactured during WWI were still on hand. This soldier wears the M1928
haversack, which was nearly identical to the M1910 version, with the addition of
a few quick-release buckles. He has the M1910 entrenching tool and the
late-issue M5 assault gas mask in a waterproof carrier. This mask’s filter
canister screwed directly into the cheek of the facepiece and became the pattern
for the development of postwar gas masks.

Metal grommets attached to the straps of the haversack and could attach to more
equipment if needed, such as the M1910 aluminum canteen and cup, their cotton
canvas cover and the M1924 first aid packet and pouch.

The new M1945 Combat & Cargo Pack also came out, but it was issued in limited
numbers by war’s end. It was two pieces that could be worn together or
separately. (Not pictured)


WEAPONS

×

Soldiers still used variations of the M1903 Springfield rifle from WWI, but
newer firepower was also introduced:

M1 GARAND .30-CALIBER RIFLE:

Introduced in 1936, this was the first gas-operated, clip-loaded semi-automatic
rifle in the world, giving the U.S. significant firepower advantage. It used an
expendable “en bloc” steel clip that held eight rounds of ammunition.

M1 .30-CAL CARBINE:

Rear-echelon troops, noncommissioned officers and specialist troops used this
lightweight carbine, which took a 15-round magazine.

BAYONETS:

The M1 and M1903 rifles could both be fitted with the M1905 bayonet used in WWI.
Then came a new version, the M1942, which was still 16 inches but had plastic
grips instead of wood, an anti-corrosion coating on the metal and a cotton
scabbard. In 1943, a shorter 10-inch version of the M1942 bayonet was created.
Remaining M1905 and M1942 versions were cut down to match and issued.

ADDITIONAL WEAPONS:

Machete-like bolo knives, Colt .45 pistols, Thompson submachine guns, Browning
automatics and M3A1 submachine guns.


FRONT EQUIPMENT

×

The M1923 Dismounted Cartridge Belt provided 10 canvas pockets for 10 clips of
.30-caliber ammunition for the M1 Garand Rifle.


HEADGEAR

×

M1 HELMET:

This was the same helmet used in WWII. However, many of the helmets in storage
had been sold at a surplus, creating a shortage for Korea. Manufacturing of new
helmets began in 1951.

CAPS:

Soldiers wore the M1943 & M1951 Pile Field Caps among other caps in Korea.
Designed for wet, cold winter conditions, the pile caps were soft, olive drab
cotton poplin with wool lining, and had turn-up visors and ear flaps of
synthetic fur-like material that could be worn up or down. They were meant to be
worn under the M1 combat helmet.

Other caps included the herringbone twill fatigue cap for work duty in temperate
weather, the M1943 cotton field cap worn during dry, cold winters and the M1951
lightweight windproof cotton field cap with rounded visor and retractable
earflaps for all environments.


CLOTHING

×

The M1943 field jacket, herringbone twill jacket, M1943 trousers and herringbone
twill trousers were the same as in World War II, in the darker olive drab shade.
Most soldiers wore the M1943 field jacket until the introduction of the M1951
version during the war. Made of cotton poplin, the M1951 jacket was mostly the
same as its predecessor, but with a zippered front instead of buttons and a
detachable mohair frieze liner for extra warmth.


FOOTWEAR

×

The M1943 combat boots and shoe pacs from WWII were issued until those stocks
were exhausted, at which point soldiers received the M1949 version – a high
lace-up russet leather boot with rubber heels and soles. In 1951, the insulated
rubber combat boot, known as the “Mickey Mouse,” was issued to replace the
combat boots and shoepacs.


EQUIPMENT

×

Much of the gear remained the same as in WWII. The M1945 Combat and Cargo Pack
also was used in Korea, but was a darker olive drab. The pack consisted of three
components:

The OD canvas combat pack carried essential items like food, tools, clothing and
other personal items (pictured here). It also had attachments to carry an
entrenching shovel and M1 bayonet. Web straps held a sleeping bag, parka or
overcoat.

The OD canvas field cargo pack (not pictured) attached to the bottom of the
combat pack using three web straps and held the shelter half, poles and pegs,
spare clothing and personal items. It also had a suitcase-like handle, allowing
it to be both carried separately and quickly dropped when going into action.
Cotton web pack suspenders could hold the combat pack or, using metal spring
clips, support the weight of the WWII-era cartridge belt.

The M9A1 Field Protective Mask (not pictured) issued after 1951 was a light gas
mask with a rubber-molded facepiece, laminated glass, aluminum eyepieces and a
filter canister that screwed onto the mask’s left cheek. It came with an olive
drab cotton canvas carrier bag.

As in WWII, troops in Korea used the M1943 entrenching shovels, which had a
triangular front edge and folding steel head that could lock at various degrees.
Also issued was the M1951, which was identical to the M1943 except for the
addition of a short folding pick blade.

Soldiers received the same canteens, covers and cups as in WWII. The first aid
pouch was mostly the same, as was the bandoleer, which now held clips for the
M1.


WEAPONS

×

M1 GARAND .30-CALIBER RIFLE:

This rifle was still widely issued, as were most other WWII weapons. The
Thompson submachine gun, however, was replaced by the M2 Carbine.

M1 KNIFE BAYONET:

This 10-inch knife blade bayonet replaced the prior 16-inch versions at the end
of WWII.


WINTER GEAR

×

OVERCOATS:

Overcoats were a dark olive drab cotton poplin with a snow-colored reversible
side for camouflage. It closed with a zipper and buttons, had four front pockets
and a fixed hood with a removable liner.

M1951 PARKA:

Parkas had an olive green cotton canvas outer shell with a fur-lined hood and
detachable mohair frieze liner for extra insulation. They could be worn over the
field jacket in very cold conditions and were supposed to be issued instead of
overcoats, but front line troops often complained they weren’t getting them.



PONCHOS:

Olive drab ponchos were made of nylon twill coated in vinyl resin for
waterproofing. The lightweight poncho was more practical than a raincoat in the
field because it could be used as a groundsheet or to cover gear. A hooded
version was authorized by September 1951.

HANDWEAR:

Black, water-resistant leather gloves had wool-nylon blend inserts that could be
worn on either hand. Trigger-finger mittens with inserts were also issued. The
mittens had a strap and loop to stow the trigger finger if needed, and the back
of the glove was lined with insulation. (Not pictured)

UNDERGARMENTS:

To combat the frigid temperatures in Korea, soldiers by 1951 were issued
cotton-wool blend undershirts, shrink-resistant wool-nylon blend field shirts,
wool boot socks to go over regular socks, crisscrossed suspenders and
cotton-wool long underwear. (Not pictured)

M1951 WOOL AND FIELD TROUSERS:

Olive green wool serge trousers had a waistband with belt loops, suspender
straps, waist adjustment straps and four pockets. The field trousers were an
olive green cotton poplin shell worn over the wool trousers in wet, frigid
conditions. A detachable mohair frieze liner could be attached inside the shell
for added warmth. (Not pictured)

Mufflers made of wool were sometimes issued. (Not pictured)


BODY ARMOR

×

M1952A ARMOR BODY FRAGMENTATION PROTECTIVE VEST:

The Army and Marines began testing combat body armor in Korea in 1951. While
Marines standardized one vest, the Army developed a superior one. This model,
the M1952A, was 8½ pounds, with 12 layers of ballistic nylon in an olive green
cover. It was adjustable and had two chest pockets and a thin strip of webbing
to carry grenades. The M1952A was issued to troops through the end of the war,
except for a few months when production problems resulted in the Marine Corps
vest being provided instead. (Not pictured)


HEADGEAR

×

M1 HELMET:

The M1 steel helmet and liner were virtually the same as those used in World War
II, and many of those helmets were still in use. In 1969, new liners made of
ballistic nylon with removable suspension began replacing the older pattern
liners.

Cotton camouflage covers were prevalent in a design known as the "Mitchell"
pattern. They were reversible, with leaf camouflage in green colors on one side
and brown colors on the other. The covers had buttonholes for inserting natural
foliage for additional camouflage, and an olive green elastic camouflage helmet
band that could hold items such as insect repellent bottles.

The Mitchell pattern camouflage helmet cover was worn until the Woodland pattern
for the Battle Dress Uniform replaced it in the early 1980s.

The Tropical Hat, also known as the Boonie Hat, was made of olive green shade
107 cotton cloth and had a 2½-inch wide brim with a flat-top crown. It featured
an adjustable nylon lace chinstrap, two half-inch screened ventilation eyelets
on each side and a ¾-inch nylon-webbing headband for inserting natural
camouflage.


CLOTHING

×

Commonly known as jungle fatigues, the tropical combat uniform evolved over time
but the basic features remained the same.

TROPICAL COMBAT JACKET:

The jacket was made of a tightly woven, lightweight, cotton twill material and
later cotton ripstop, in olive green shade 107. It was a bush-style design with
two slanted bellows-type chest pockets with button flaps and two lower bellows
pockets with button flaps below the waist. Olive green shade 107 cotton T-shirts
were also commonly worn in the hot weather, replacing white T-shirts worn early
in the war.

UTILITY SHIRT:

Between 1965 and 1967, the utility uniform was the primary combat clothing worn
in Vietnam. The shirt, originally called a jacket, was made of olive green shade
107 cotton sateen. Initially, it was single-breasted with a fall collar, two
patch chest pockets with button flaps, a straight bottom and plain sleeves. (Not
pictured)

TROPICAL COMBAT TROUSERS:

The trousers were also made of a tightly woven, lightweight, cotton twill
material and later cotton ripstop, in olive green shade 107. They had two front
pockets, two rear pockets and two bellows-type cargo pockets on the legs. The
trousers had a button fly and a drawcord at the bottom of each leg for
protection from insects.

UTILITY SHIRT AND TROUSERS:

Between 1965 and 1967, the utility uniform was the primary combat clothing worn
in Vietnam. The shirt, originally called a jacket, was made of olive green shade
107 cotton sateen. Initially, it was single-breasted with a fall collar, two
patch chest pockets with button flaps, a straight bottom and plain sleeves. The
matching utility trousers had two front patch pockets, two rear pockets with
buttoned flaps, hemmed bottoms and a button fly. (Not pictured)

ERDL Camouflage Pattern, also known as the “Leaf” pattern, was a combination of
dark green, light green, brown and black shades. Only Special Forces and special
operations troops wore this pattern, which was developed in 1948 by the Engineer
Research and Development Lab and first used in 1967 in Vietnam. It was issued in
both cotton poplin and ripstop fabric for the Tropical Combat Uniform.




FOOTWEAR

×

The Army started with Pattern 1956 Combat Boots, which were a high, lace-up boot
with rubber heels and rubber soles. Because they didn’t work well in the humid
jungle environment, the Tropical Combat Boot (jungle boots) quickly replaced
them. These boots had canvas tongues and upper parts, which was more breathable
and dried faster than leather. They had a vibram-type rubber tread and later, a
Panama-style sole with fatter tread and nylon to support the ankles. Steel
plates were added to soles to mitigate wounds caused by punji sticks - simple
spikes, made out of wood or bamboo


EQUIPMENT

×

The M1956 Load-Carrying Equipment was made of olive drab shade 7 cotton web
canvas. The set was a complete replacement for the personal field equipment used
during World War II and the Korean War. Each of the add-on components has a
unique metal slide keeper for attaching to the belt or to other equipment: The
set included:

M1956 INDIVIDUAL EQUIPMENT BELT:

This was a web belt with three rows of eyelets. It could be adjusted in length
from both ends and had a ball-type buckle.

M1956 COMBAT SUSPENDERS:

The suspenders were an “H” design and both the front and rear straps had hooks
at the end. A metal loop connected to the support strap of an ammunition case. A
first-aid pouch or flashlight could also be attached.

M1961 COMBAT FIELD PACK:

Known as the “Butt Pack,” this pack featured a large storage compartment with a
rubberized waterproof lining. Troops typically wore the pack attached to the
pistol belt at the center of the back with the suspenders' rear straps clipped
to eyelets at the corners of the bag.

M1956 FIRST AID/COMPASS CASE:

As the name implies, this small case was one of two used to hold either a field
compass or the field dressing packet. It had a single slide keeper on the back
that attached it to either the belt or the web keeper on the suspenders.

CANTEEN:

The olive drab plastic polyethylene 1-quart canteen was first produced in 1962
and replaced the M1910 aluminum model. It featured a plastic screw cap with a
plastic attaching strap. The M1956 Canteen Cover had felt lining and was
designed to carry the 1-quart plastic canteen and stainless steel cup. It was
attached to the belt with a pair of slide keepers.

Soldiers typically wore two or more canteens to ensure they had the proper
amount of hydration in Vietnam's tropical, humid climate.

The M1951 Combination Entrenching Tool had a straight wooden handle, folding
shovel head and short folding pick blade. The cotton canvas M1956 Entrenching
Tool Cover could accommodate either the M1943 shovel or the M1951 combination
entrenching tool. A bayonet hanger on the front and slide keepers on the back
attached to the belt or rucksack.

The M1956 Sleeping Bag Carrier allowed a sleeping bag to be carried on the M1956
Suspenders. The carrier was intended for use with the M-1949 Mountain Sleeping
Bag. (Not pictured)

In Vietnam, U.S. infantrymen often used the poncho liner in combination with the
poncho to create a lightweight sleeping bag. The carrier straps were equally
well-suited to this hybrid sleeping equipment.

In 1967, the nylon/plastic M1967 Modernized Load-Carrying Equipment replaced the
previous canvas iteration. The new equipment was lighter, more breathable and
dried faster. It was mostly issued as components to go with the M1956 and not
often given out as a whole set. (Not pictured)


WEAPONS

×

The M16 rifle was the most-issued weapon. It has been in Army service since
1965. The gas-operated, semi-automatic rifle in 5.56 mm used a 20-round external
box magazine. By the end of the war, the 30-round external box magazine was
introduced. It was capable of semi-automatic and full-automatic fire.

The M14 rifle also was issued early in the Vietnam War. Like the M16, it was
also a gas-operated, semi-automatic rifle using 20-round external box magazines,
but fired a more powerful 7.62mm/.308 caliber round. It was much heavier than
the M16 to reduce the recoil of the heavier bullet. It was capable of
semi-automatic and full-automatic fire. (Not pictured)


FRONT EQUIPMENT

×

M1956 UNIVERSAL AMMO CASE:

The universal ammunition case was originally designed to hold magazines for the
Browning automatic rifle and bandoleers containing six 8-round clips of M1
ammunition. In Vietnam, the 20-round M16 magazines proved too short for the
universal pouch and as a result, a sock was often put in the bottom to raise the
magazines up for faster retrieval. A shorter M1956 M16A1 ammo case was
introduced to solve the problem. Both cases attached to the pistol belt via two
slide keepers. They both had a supporting strap that clipped to the metal loop
on the suspenders and straps on both sides for attaching hand grenades.

M3 BANDOLEER:

The olive green cotton M3 bandoleer had seven pockets, each designed to have a
cardboard sleeve that held a 10-round clip of 5.56 mm ammunition for the M16
rifle. In Vietnam, troops would often carry a 20-round M16 magazine in each of
the bandoleer's seven pockets and would frequently carry two or three on field
operations.


BODY ARMOR

×

Soldiers used the M1952A Fragmentation Protective Vest, an improved version of
the body armor used in the Korean War, throughout the Vietnam War. The
protective vest was made of 12 layers of ballistic nylon in an olive green nylon
cover. The cover was fitted with epaulettes and a concealed frontal zipper
covered by a flap. There were lace-up adjustments on each side and two patch
cargo chest pockets. Thin strips of webbing stitched above each pocket were to
be used as grenade carriers. (Not pictured)



The M1969 Fragmentation Protective Vest improved upon the M1952A design by
adding a ¾-inch collar and eliminating the original shoulder epaulets. (Not
pictured)




HEADGEAR

×

PERSONNEL ARMOR SYSTEM FOR GROUND TROOPS (PASGT) HELMET

The helmet was ballistic fiberglass, trademarked as Kevlar, to protect from
bullets and fragmenting munitions. The helmet's profile was smaller to fit the
head better, with ear protection and better visibility. Inside was an integrated
strap suspension system. Soldiers wore either the “Chocolate Chip” or Woodland
pattern helmet covers.

Kevlar paved the way for radical changes in protective helmets and body armor.
It is much stronger than steel, lightweight and ultra protective. Earlier Kevlar
designs provided low-velocity protection.


CLOTHING

×

The Desert Battle Dress Uniform was a six-color, unified set that included a
coat, trousers, field cap and helmet. The DBDUs were made of 50/50 cotton-nylon
blend fabric. The cut was an upgrade from the uniform worn in Vietnam. The coat
pockets were horizontal rather than slanted. As during the Vietnam War, the
cargo-style trousers had large pockets on the left and right sides and
drawstring pant legs.

Troops wore a combination of Woodland and desert-style BDUs. Woodland camouflage
was developed in the 1970s and used in jungle and European operations, replacing
ERDL camo. It had a large-leaf four-color pattern with four pockets that had
concealed buttons. They were either 100% cotton or 50/50 nylon-cotton.



The six-color “Chocolate Chip” design lasted until about 1993. The “Chocolate
Chip” camouflage pattern was developed using the deserts of the southwestern
United States as a model. When troops arrived in the Middle East, the pattern
was not practical in the Middle Eastern desert backdrop. The three-color Desert
Camouflage Uniform replaced it in the early 1990s and remained in use in desert
environments until the mid-2000s.


FOOTWEAR

×

Soldiers commonly wore either the all-black leather boots, olive drab
nylon-canvas and leather jungle boots or the tan, nylon-canvas and leather
desert boots.


EQUIPMENT

×

The basic concept of the equipment had not changed since the M1967 gear used in
Vietnam.

The All-purpose Lightweight Individual Carrying Equipment, or ALICE, was
introduced in 1972. It included nylon Y-shaped suspenders and a nylon equipment
belt and was designed for use in all environments. ALICE could still be
intermixed with the M1956/1967 gear.

Some elements of ALICE lasted into the early part of Operation Enduring Freedom
and Operation Iraqi Freedom.

The M17A2 Gas Mask was very similar to the M17 issued in Vietnam.

In addition to the gas mask, some troops were issued Mission Oriented Protective
Posture, or MOPP, suits, which were protective outer garments worn in chemical
warfare.


WEAPONS

×

The M16A2 was the primary weapon used by front-line soldiers. It had a heavier
barrel to accommodate a heavier 5.56 mm bullet and used 30-round magazines. The
M16A2 had a semi-automatic and three-round burst.


BODY ARMOR

×

Fragmentation Protective Vest, Ground Troops (not pictured) is part of the PASGT
system. It is made of spun Kevlar. The vest shell was either a Woodland or
six-color desert scheme pattern. It was designed to stop low-velocity shrapnel
and fragments but lacked the ballistic capability to stop high-velocity bullets.


HEADGEAR

×

PERSONNEL ARMOR SYSTEM FOR GROUND TROOPS (PASGT) HELMET

The helmet was ballistic fiberglass, trademarked as Kevlar, to protect from
bullets and fragmenting munitions. The helmet's profile was smaller to fit the
head better, with ear protection and better visibility. Inside was an integrated
strap suspension system. Soldiers wore either the “Chocolate Chip” or Woodland
pattern helmet covers.

Kevlar paved the way for radical changes in protective helmets and body armor.
It is much stronger than steel, lightweight and ultra protective. Earlier Kevlar
designs provided low-velocity protection.


CLOTHING

×

From 2001 to 2005, soldiers wore a mixture of Woodland BDU pattern gear and the
new Desert Camouflage Uniform pattern gear. The DCU had only three colors
instead of the DBDU’s six. The DCUs were made of ripstop fabric in a 50/50
cotton-nylon blend. The trousers were cargo-style.

GLOVES:

Combat Vehicle Crewman, or CVC, gloves provided flame-retardant hand protection.


FOOTWEAR

×

The Army changed over to a new nylon and leather, desert-colored jungle boot.


EQUIPMENT

×

The Enhanced Tactical Load Bearing Vest was issued beginning in 1995. The ETLBV
was one-size-fits-all, had four inward slanting Magazine Pouches that could
carry a total of six 30-round magazines, two grenade pouches, mesh panels for
more breathability, and two quick-release buckles in the front. Lower straps
from the ETLBV secured the Equipment Belt (not pictured). Canteens and other
equipment could be attached to the belt.

GAS MASK: (NOT PICTURED)

The M40 and M50 Joint Service General Protective Masks (as part of the Joint
Service Lightweight Integrated Suit Technology)


WEAPONRY

×

M4 AND M4A1 CARBINE:

The M4 was a lighter, shortened version of the M16 rifle. First issued in the
mid-1990s, the M4 was more prevalent during the initial years of OEF/OIF than
the M16A2. It has a semi-automatic and three-round burst.


BODY ARMOR

×

OUTER TACTICAL VEST (OTV):

In 1999, the military introduced the Interceptor Body Armor, or IBA, also known
as the Outer Tactical Vest.

It was the first Army body armor issued across the Army that was designed to
stop high-velocity bullets.

Previous vests featured layers of nylon material designed to stop low-velocity
shrapnel and fragments.

The IBA had bullet-stopping capabilities superior to PASGT. The outer shell
protected against fragments and low-velocity rounds and could be integrated with
the ETLBV system. Small Arms Protective Inserts are rigid ceramic composite
plates with an outer layer of Kevlar or similar material that are inserted into
the front and back pockets of the vest, giving the vest greater capacity to stop
rifle rounds.

IBA also could be fitted with additional parts to extend protection: a groin
protector, the Deltoid Axillary Protection System (made of four components for
the shoulder areas), a throat protector, and a yoke and collar. The pieces could
be mixed and matched as needed for the mission or by soldier preference.
However, these components were not bulletproof.

The vest was issued in various camo patterns. It included the Modular
Lightweight Load-Carrying Equipment (MOLLE) system. The MOLLE pocket attachment
system is a webbing grid on the front and back that could accommodate holsters,
pouches and other gear. Equipment could now be attached in whatever
configuration the soldier needed.


HEADGEAR

×

Advanced Combat Helmet, or ACH, was based on the PASGT helmet and went through a
few changes. The helmet reduced the area covering the ears and eyes,
significantly decreasing its weight. It had increased bullet protection and more
head mobility, and included a pad suspension system and four-point chinstrap. It
could interface with tactical headsets and microphones and included a mounting
bracket for night vision goggles.

Military Combat Eye Protection, or MCEP, included a number of ballistic masks
and goggles designed to protect the eyes of soldiers against shrapnel, UV rays,
lasers, dust and wind.


CLOTHING

×

The Army Combat Uniform, or ACU, replaced the Battle Dress and Desert Camouflage
uniforms and became standard issue in 2005. It was issued in two different
camouflage patterns based on the area of deployment: the Universal Camouflage
Pattern and later the Operation Enduring Freedom Camouflage Pattern. The set
includes ripstop trousers, a coat, a patrol cap and moisture-wicking T-shirt and
socks. The Universal Camouflage Pattern was the Army's digitally-based
camouflage, a gray, tan and foliage-green pixelated blend. Most ACUs had
hook-and-loop fasteners except the coat, which had a zipper. The Army eventually
replaced most of the hook-and-loop closures with buttons for current-day
uniforms.

The coat initially had a Mandarin collar and a zipper covered with hook-and-loop
fasteners. There were several pockets with hook-and-loop closures. The name and
Army tape attached above the front pockets were removable.

2015 brought several changes based on soldiers' feedback: The Mandarin collar
was removed; buttons replaced Velcro except on unit shoulder sleeve insignia;
name and Army tapes and rank insignia could now be sewn on; in lieu of Velcro,
cord and barrel locks on pockets were removed; and the pen pocket on the sleeve
went from three to two slots.

The trousers had four cargo pockets: one on each ankle and one on each thigh.
The trousers had reinforced knees and the shirts had reinforced elbows; these
reinforced areas could be fitted with foam protection pads. Trousers also
included a drawstring leg cuff.

When the ACU was introduced, there were about 20 significant updates to the
uniform that separated it from the DCU, DBDU and BDUs.

Separate knee and elbow pads became standard issue. Elbow and knee pad pouches
were later added to the coat and trousers.

The Flight Glove is a short aramid and leather glove that allowed maximum
dexterity and protected hands from fire, cuts and other injuries.


FOOTWEAR

×

The Army Combat Boot (ACB) is a lightweight, waterproof, fireproof and
breathable combat boot made of high-grade nylon and used in temperate weather.
The soles provide grip in mountainous terrain.

The UCP ACU, made out of a breathable flame resistant fabric, was also known as
the FR-ACU. Flame resistant uniforms previously were only issued to aircrew and
armored vehicle personnel.


EQUIPMENT

×

The Modular Lightweight Load-Carrying Equipment, or MOLLE, system was introduced
in 1997 but wasn’t issued widely until 2003. Issued first in Woodland and then
Desert camo, the MOLLE was switched to the Universal Camouflage Pattern in 2006.
In 2009, the MOLLE OCP/Multicam was issued to soldiers deployed to Afghanistan.
Beginning in 2015, it was issued to all soldiers after UCP was discontinued for
combat zones.

MOLLE is a fully integrated, modular load-bearing system consisting of a
load-bearing vest with butt pack, main ruck with sustainment pouches and
sleeping bag compartment attached to an external frame. The MOLLE system allows
for versatility and greater load distribution. All the equipment that would
normally be carried on suspenders or pistol belts can be attached in whatever
configuration the individual soldier wants. Attached gear includes a canteen,
first aid pouch and ammo pouches.

The CamelBak Hydration Bladder system supplemented the one-quart and two-quart
canteens to provide an alternative hydration method. It is a plastic water
bladder connected to a length of hose that fits into an insulated bag that can
be strapped on the carrier's back or attached to a rucksack. Soldiers can easily
drink from the bite valve while on the move.

CamelBak was developed by bike racers who needed hydration on the move but could
not slow down to use a bottle or other water source.

M40 AND M50 GAS MASK:

The new gas mask had the same basic design, with improved field of vision
glasses and ballistic capability.


WEAPONS

×

M4 AND M4A1 CARBINES:

The M4 was a lighter, shortened version of the M16 rifle. First issued in the
mid-1990s, it was more prevalent than the M16A2 during the initial years of
OEF/OIF. The M4 has a four position adjustable stock and is capable of
semiautomatic fire and three-round burst. The improved M4 Carbine incorporated a
new rail system to allow attachments of various types such as a laser pointer,
flashlight, shotgun and grenade launcher.

In 2010 the Army decided to only issue the M4A1, which has semiautomatic and
fully automatic firing modes. Existing M4s were upgraded to M4A1.


BODY ARMOR

×

In 2007, the Army introduced the Improved Outer Tactical Vest, or IOTV, which
provided increased protection over the OTV. Improvements included a
side-opening, built-in quick-release system. Other new features included a
ballistic collar, quick release assembly cord, front plate carrier, rear plate
carrier, groin protector, lower back protector and elastic cummerbund assembly.
Enhanced Small Arms Protective Inserts, or ESAPI, plates replaced SAPI beginning
in 2005. The rigid ceramic composite plates have an outer layer of Kevlar or
similar material that are inserted into the front, back and side pockets of the
vest, giving it greater ballistic protection capabilities against high-velocity
rifle rounds.

The Soldier Plate Carrier System, or SPCS, debuted in 2009. Its level of
protection against high-velocity threats was on par with the IOTV but it allowed
for a wider range of motion. The SPCS was lighter but had fewer flexible panels
and less protection against low-velocity fragments. (Not pictured)

IOTV also could be fitted with additional parts such as a groin protector to
extend protection. The vest was issued in various camo patterns. It included the
Modular Lightweight Load-Carrying Equipment (MOLLE) system. The MOLLE pocket
attachment system, consisting of a webbing grid on the front and back, could
accommodate holsters, pouches and other gear. Equipment could now be attached in
whatever configuration the individual soldier needed.


EQUIPMENT

×

The Modular Lightweight Load-Carrying Equipment, or MOLLE, system was introduced
in 1997, but wasn’t issued widely until 2003. Issued in Woodland camo, then the
Desert camo, the MOLLE was switched to gray-tone universal digital color in
2006. In 2009, the MOLLE OCP/Multicam was issued to soldiers deployed to
Afghanistan, and to all soldiers beginning in 2015 after UCP was discontinued
for combat zones.

MOLLE is a fully integrated, modular load bearing system consisting of a
load-bearing vest with butt pack, main ruck with sustainment pouches and
sleeping bag compartment attached to an external frame. The MOLLE system allows
for versatility and greater load distribution. So all the equipment that would
normally be carried on suspenders can be attached in whatever configuration the
individual soldier wants. Attached gear included canteen, ammo pouches, etc.

Camelbak/hydration bladder: The CamelBak hydration system is the new canteen. It
is a plastic water bladder connected to a length of hose that fits into an
insulated bag that can be strapped on the carrier's back or attached to a
rucksack.

CamelBak was developed by bike racers who needed hydration on the move but could
not slow down to use a bottle or other water source.

M40 and M50 Gas Mask: The new gas mask had the same basic design, with improved
field of vision glasses and ballistic capability.


WEAPONRY

×

M4 AND M4 A-1 CARBINES

M4 was lighter and a shortened version of the M16 rifle. It was first issued in
the mid-1990s and was more prevalent during the initial years of OEF/OIF than
the M16A2. The M4 has semi-automatic and three-round burst. The improved M4
Carbine incorporated a new rail system to allow attachments of various types of
electronics and weapons like a laser pointer, flashlight, shotgun, grenade
launcher, etc.

In 2010 the Army decided to only issue the M4A1, which has semi-automatic and
fully automatic firing modes. Existing M4s were upgraded to M4A1.


HEADGEAR

×

Advanced Combat Helmet, or ACH, is based on the PASGT helmet with a few changes.
The helmet reduced the area covering the ears and eyes, significantly reducing
its weight. It has increased bullet protection, provides more head mobility and
includes a pad suspension system and a four-point chinstrap. It also is able to
interface with tactical headsets and microphones, and includes a mounting
bracket for night vision goggles.


CLOTHING

×

The Army switched to the Operational Camouflage Pattern uniform based on
soldiers’ feedback about the digital camouflage. Special Forces were already
using the OCP design in 2006 in Afghanistan. Iraq-deployed soldiers had to still
wear UCP uniforms. The now-standard issued OCP uniform is still made of 50/50
cotton-nylon blend and ripstop fabric.

The upgraded OCP Army Combat Uniform Coat has buttons and a zipper with two
slanted breast pockets. The camouflage sleeves are fitted with cargo pockets
with Velcro panels, enabling the soldier to wear identification and infrared
identification tags.

The upgraded OCP Army Combat Uniform Shirt incorporates a full torso made of
coyote-tan, elastic-nylon material for better cooling when wearing body armor.
It also has pockets on the sleeves. (Not pictured)

The upgraded OCP Army Combat Uniform Trousers have reinforced areas including
the seat and joint areas. Trouser knees can be fitted with rigid pads to protect
soldiers against hard surfaces.


FOOTWEAR

×

The Army Combat Boot is a lightweight combat boot used in temperate weather,
issued in tan or coyote leather. These are made of high-grade nylon and leather
and are waterproof, fireproof and breathable. Soles provide grip in mountainous
terrain. Mountain Combat and Hot Weather boots also are issued for variable
climates.


EQUIPMENT

×

MOLLE II MEDIUM RUCKSACK:

The MOLLE II further improves the original MOLLE system which provides soldiers
with added benefits including versatility, greater load distribution and
customized attachments.


WEAPONS

×

M4A1 CARBINE:

Since the mid-2010s, all carbines issued have been in the M4A1 configuration.
Similar to the M4, the M4A1 continues to allow attachments of various types of
electronics and weapons, including a laser pointer, flashlight, shotgun and
grenade launcher.


BODY ARMOR

×

The Modular Scalable Vest is a bullet-resistant vest that was introduced in
2018. It weighs about 5 pounds less than the Improved Outer Tactical Vest. It
also is scalable, allowing the wearer to tailor the vest to better fit mission
requirements.


WOOL IN SUMMER? AN ARMY HISTORIAN EXPLAINS

×



TRENCH WARFARE MADE PISTOLS, KNIVES IMPORTANT

×



HOW AFRICAN AMERICANS SERVED IN WWI

×



WHY UNIFORM "NAME TAPE" IDS CAME ABOUT

×





REFERENCES

 * Emerson, William K., Encyclopedia of the United States Army Insignia and
   Uniforms, 1996
 * Cole, David, Survey of U.S. Army, Uniforms, Weapons and Accoutrements, 2007
 * Stanton, Shelby, U.S. Army Uniforms of the Korean War, 1992
 * Morel, Aurelien, The Uniforms and Gear of the U.S. Army Soldier, 2012
 * Cox, Michael, www.military.com & www.kitup.military.com [Numerous articles
   from both websites]
 * Brayley, Martin J., Modern Body Armour, 2011
 * Halberstadt, Hans, Battle Rattle: The Stuff a Soldier Carries, 2006
 * Born, Kevin M, & Barnes, Alexander F., Desert Uniforms, Patches, and Insignia
   of the US Armed Forces, 2016
 * Arques, Antonio, Grunt: A Pictorial Report on the US Infantry’s Gear and Life
   During the Vietnam War 1965-1975, 2014
 * Tobey, John E., ed, The Columbia Rifles Research Compendium, 2nd Ed., 2006
 * Brown, Patrick, “For Fatigue Purposes…”: The Army Sack Coat of 1857-1872,
   2003
 * Kochan, James L, & Rickman, David, The United States Army 1812-1815, 2000
 * Chartrand, René, A Most Warlike Appearance: Uniforms, Flags and Equipment of
   the United States in the War of 1812, 2011
 * Chartrand, René, Uniforms and Equipment of the United States Forces in the
   War of 1812, 1992
 * Lemons, Charles, Uniforms of the US Army Ground Forces 1939-1945, Volumes
   1-3, 2011
 * Stanton, Shelby, U.S. Army Uniforms of the Vietnam War, 1989
 * Stanton, Shelby, U.S. Army Uniforms of World War II, 1991
 * Werner, Brett, Uniforms, Equipment and Weapons of the American Expeditionary
   Forces in World War I, 2006
 * Schmidt, Peter A., U.S. Military Flintlock Muskets and Their Bayonets: The
   Early Years, 1790-1815, 2006
 * Schmidt, Peter A., U.S. Military Flintlock Muskets and Their Bayonets: The
   Later Years, 1816 Through the Civil War, 2006
 * Katcher, Philip R.N., Uniforms of the Continental Army, 1981
 * Reilly, Robert M., United States Martial Flintlocks, 1986
 * Neuman, George C., Battle Weapons of the American Revolution, 1998
 * Bartocci, Christopher, Black Rifle II: The M16 Into the 21st Century, 2004
 * U.S. Army Regulation 670-1, 2005
 * www.olive-drab.com
 * “Program Executive Office Soldier Portfolio FY 2017: Ensuring Soldier
   Dominance,” 2017


CONTRIBUTORS

HISTORIC RESEARCH & REVIEW

 * Kaleb Dissinger, Curator of Uniforms, Textiles, & Personal Equipage, U.S.
   Army Heritage and Education Center
 * Rodney Foytik, Reference Historian, Research and Instruction, U.S. Army
   Heritage and Education Center
 * David Accetta, Chief Public Affairs, U.S. Army Natick Soldier Research
 * David Cole, former director, U.S. Army Center for Military History
 * Fort McHenry Guard, National Park Service

CONCEPT CREATION, RESEARCH & DEVELOPMENT

 * Regina Ali, Senior Graphic Designer
 * Katie Lange, Social Media/Public Affairs Specialist

MULTIMEDIA

 * Marvin Lynchard, Photojournalist
 * Jon Poindexter, Senior Editor/Videographer


MODELS

 * Revolutionary War: Frederick, Jared
 * War of 1812: Johnston, Nathaniel (Fort McHenry)
 * Civil War (Fatigue): SPC Spence, Javon
 * Civil War (Dress): McConnell, Aaron
 * WWI (AEF Infantryman): McConnell, Aaron
 * WWI (Assigned to the French): PFC Guillory, Jensen
 * WWII (1941-1943): Frederick, Jared
 * WWII (1943-1945): Woodring, Joshua
 * WWII (HBT): Howard, Austin
 * Korean War: SGT Rodriguez, Nelson
 * Vietnam: PFC Guillory, Jensen
 * Desert Storm: Musselman, Aaron
 * OEF/OIF (Early 2000s): Schneider, Garrett
 * OEF/OIF (2005-2019): McConnell, Sarah
 * Modern: SGT Rodriguez, Nelson
























DEFENSE.GOV

 * Home
 * News
 * Spotlights
 * About


HELPFUL LINKS

 * Live Events
 * Today in DOD
 * Contracts
 * For the Media
 * Contact


RESOURCES

 * DOD Resources
 * DOD Careers
 * Help Center
 * DOD / Military Websites
 * Agency Financial Report


POPULAR

 * Value of Service
 * Taking Care of Our People
 * FY 2025 Defense Budget
 * National Defense Strategy

The Department of Defense provides the military forces needed to deter war and
ensure our nation's security.

Enter Your Search Terms
 * Privacy & Security
 * Links Disclaimer
 * Section 508
 * DOD Social Media Policy
 * Web Policy
 * Plain Writing Act
 * DOD IG
 * Reporting Civilian Casualties
 * No FEAR Act
 * Imagery Use
 * FOIA
 * Open GOV
 * Strategic Management Plan
 * USA.gov
 * Small Business Act
 * Veterans Crisis Line
 * Site Map

 * 
 * 
 * 
 * 
 * 

Subscribe
Hosted by Defense Media Activity - WEB.mil
✓
Danke für das Teilen!
AddToAny
Mehr…