CSS layout issue - Chrome

The web page at this link has some layout issues:

Label A:  The image is being cut off.  How to fix?

Label B:  The small gap above the horizontal nav menu.  When I scroll down the gap goes away?  Why?  How to fix?

NOTE:  I am making use of z-index and fixed positioning to acheive the "sticky" nav menu and carousel at the top of the page.

Thanks in advance for any help.  : )

layout cut off

index.html:

<html>

<head>
    <title>Utah Kids Foundation</title>
    <meta charset="utf-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> -->
    <meta name="google-site-verification" content="sxO8Ti-UaFnGG-lkhRQELpQ2G1iX7ClX6YTJkN-j9zQ" />
    <meta content="A great resource for the parents of special needs children who are looking for caring and support in the state of Utah."
        name="description">
    <meta content="utah kids foundation, special needs utah, utah kids, utah special needs, utah kids resources, special needs, utah medical equipment, medical equipment utah, special needs parents, special needs moms, find parents special needs children, special needs resources utah"
        name="keywords">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <link href="https://fonts.googleapis.com/css?family=Exo+2:300,400" rel="stylesheet">




    <!-- <base href="/"> -->

    <!-- font awesome CSS -->
    <link rel="stylesheet" href="facss.css" />
    <link rel="stylesheet" href="mylato.css" />
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="animate.css" />

    <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css" />
    <link rel="stylesheet" href="jquerysctipttop.css" />

    <link rel="stylesheet" href="component.css" />
    <link rel="stylesheet" href="magnific-popup.css" />
    <link rel="stylesheet" href="hover-min.css" />
    <link rel="stylesheet" type="text/css" media="all" href="css/stellarnav.min.css">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/unslider/2.0.3/css/unslider-dots.css" integrity="sha256-krdY+mGVhIswaoNKRlRoOv8/e3R89aZcgkZ35IHNE30="
        crossorigin="anonymous" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/unslider/2.0.3/css/unslider.css" integrity="sha256-t5MDSZK/4g2+cIB8d5G9WTUcI9HxxlA2CtRYczX4XGg="
        crossorigin="anonymous" />

    <link rel="stylesheet" href="ukf.css" />


    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
    <link href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />

    <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
        crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
        crossorigin="anonymous"></script>
    <script src="jquery.magnific-popup.min.js"></script>
    <script src="fonta.js"></script>
    <script src="ukf.js"></script>

    <style>
        html,
        body {
            height: 100%;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .some-pdf-container {
            width: 100%;
            height: 100%;
        }



        /* coloring for the menu */

        div#ukfmenu div#main-nav ul li a:hover {
            background-color: rgba(170, 194, 50, 1.0) !important;

        }

        div#ukfmenu div#main-nav ul li a {
            color: white;

        }

        /* coloring for the menu */

        div#ukfmenu div#main-nav ul li {
            background-color: rgba(180, 211, 52, .75) !important;
        }

        /* coloring for the menu */

        div#ukfmenu div#main-nav ul {
            background-color: rgba(180, 211, 52, .75) !important;
        }

        /* coloring for the menu */

        div#ukfmenu div#main-nav {
            background-color: rgba(180, 211, 52, .75) !important;
        }
    </style>


    <!-- google SEO stuff -->
    <script type="application/ld+json">
          {
        "@context": "http://schema.org",
        "@type": "Organization",
        "url": "http://www.utahkidsfoundation.com",
        "contactPoint": [{
          "@type": "ContactPoint",
          "telephone": "+1-801-770-3166",
          "contactType": "customer service"
        }]
      }
      </script>

</head>

<body>


    <div style="top:62; position:fixed;left:0;z-index:8;" class="bannerr w3-animate-fading carousel-container posfixed_t0-l0-zi7">
        <ul>
            <li>
                <img class="w3-sepia-max carousel-image" src="images/mainpage/c1.jpg" />
            </li>
            <li>
                <img class="carousel-image" src="images/mainpage/c2.jpg" />
            </li>
            <li>
                <img class="carousel-image" src="images/mainpage/c3.jpg" />
            </li>
            <li>
                <img class="carousel-image" src="images/mainpage/c4.jpg" />
            </li>
            <li>
                <img class="carousel-image" src="images/mainpage/c5.jpg" />
            </li>
            <li>
                <img class="carousel-image" src="images/mainpage/c6.jpg" />
            </li>
            <li>
                <a href="#esf">
                    <img class="carousel-image" src="images/mainpage/c7.jpg" />
                </a>
            </li>
        </ul>
    </div>

    <!-- https://github.com/vinnymoreira/stellarnav -->
    <div id="ukfmenu" class="posfixed_t0-l0-zi7" style="width:100%;">
        <div id="main-nav" class="stellarnav" style="background-color:transparent;">
            <ul>
                <li>
                    <a href="">PROJECTS</a>
                    <ul>
                        <li class="hvr-pop">
                            <a id="welcomehomeclick" href="?page=welcomehomeclick">HOME</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="jpacksclick" href="?page=jpacksclick">JACKPACKS</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="meetkidsclick" href="?page=meetkidsclick">MEET OUR UTAH KIDS</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="medsupexchclick" href="?page=medsupexchclick">MEDICAL SUPPLY EXCHANGE</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="esfclick" href="?page=esfclick">EMPTY STOCKING FUND</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="listofnonprofitsclick" href="?page=listofnonprofitsclick">LIST OF NON-PROFITS</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="easteregghuntclick" href="?page=easteregghuntclick">EASTER EGG HUNT</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="">SPONSORSHIP</a>
                    <ul>
                        <li class="hvr-pop">
                            <a id="sponsorshipclick" href="?page=sponsorshipclick">HOW YOU CAN HELP</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a id="eventsclick" href="?page=eventsclick">EVENTS</a>
                </li>
                <li>
                    <a href="">UTAH KIDS SWAG</a>
                    <ul>
                        <li class="hvr-pop">
                            <a id="shoppingcartclick" href="?page=shoppingcartclick">SHOPPING CART</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a id="donateclick" href="?page=donateclick">DONATE</a>
                </li>
                <li>
                    <a id="contactclick" href="?page=contactclick">CONTACT</a>
                </li>
                <li class="drop-left">
                    <a href="">ABOUT</a>
                    <ul>
                        <li class="hvr-pop">
                            <a id="blogclick" href="?page=blogclick">BLOG</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="ourmissionclick" href="?page=ourmissionclick">OUR MISSION</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="boardmembersclick" href="?page=boardmembersclick">MEET OUR BOARD</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="kidsnewsclick" href="?page=kidsnewsclick">OUR KIDS IN THE NEWS</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="forumrulesclick" href="?page=forumrulesclick">FORUM RULES</a>
                        </li>
                        <li class="hvr-pop">
                            <a id="financialsclick" href="?page=financialsclick">FINANCIALS</a>
                        </li>
                    </ul>
                </li>
                <li class="hvr-pop">
                    <a id="galleryclick" href="?page=galleryclick">
                        <i class="fa fa-camera"></i>
                    </a>
                </li>
            </ul>
        </div>
        <!-- .stellar-nav -->
        <!-- https://github.com/vinnymoreira/stellarnav -->
        <script type="text/javascript" src="js/stellarnav.min.js"></script>
        <script type="text/javascript">
            jQuery(document).ready(function ($) {
                jQuery('.stellarnav').stellarNav({
                    theme: 'plain',
                    breakpoint: 768,
                    menuLabel: 'Utah Kids Foundation',
                    sticky: true,
                    position: 'top',
                    openingSpeed: 250,
                    closingDelay: 0,
                    showArrows: true,
                    phoneBtn: '',
                    locationBtn: '?page=contactclick',
                    closeBtn: false,
                    scrollbarFix: false
                });
            });
        </script>
    </div>


    <div style="position:fixed;
    top:0;
    left:0;
    width:100%;
    height:420;
    background-color:white;
    z-index:6;"></div>

    <h1 id="sectiontitle" class="centerelement" style="position:fixed;
    top:390;
    left:0;
    width:100%;
    height:50;
    background-color:white;
    z-index:5;">=error=</h1>


    <!-- welcome home section -->
    <div style="clear:both;position:relative;" id="welcome" class="w3-animate-opacity sectionshow hideablesection">
        <p class="centerelement">Welcome to the main page of the Utah Kids Foundation</p>

        <p class="centerelement" style="margin:0 auto;width:500;">Be sure to check-out our
            <a href="#events" class="listhover hvr-pop">Events</a> page for special-needs family-friendly activities for kids as well as training and educational workshops
            (special-needs and otherwise) that cater more to the parents.</p>
        <p style="margin-top:30;" class="centerelement">Other "hot topics" include our
            <a class="listhover hvr-pop" href="https://www.facebook.com/groups/UtahKids" target="_blank">UKF Forum on Facebook</a> and our
            <a class="listhover hvr-pop" href="#forumrules">Forum Rules</a> (always a crowd-pleaser).</p>

        <!-- ukf logo -->
        <div class="centerelement">
            <img style="top:520;margin:0 auto;width:150;height:auto;" src="/images/mainpage/ukflogo.png">
        </div>
    </div>


    <!-- jackpacks section -->
    <div style="margin-top:340;" id="jpacks" class="w3-animate-opacity sectionhide hideablesection">
        <p>
            <img src="images/jackpacks/jp.png" alt="..." class="img-responsive center-block" />
        </p>

        <p class="centerelement" style="width:500;margin:0 auto;">
            Every August, we offer jackpacks to help those in our community in need of school supplies. Below is a list of school supplies
            we collect throughout the year. Donations are much appreciated.
        </p>
        <br>
        <ul style="margin:0 auto;width:200;">
            <li>Backpacks</li>
            <li>Spiral notebooks</span>
            </li>
            <li>Packs of lined paper</li>
            <li>24 count crayons</li>
            <li>Pencils</li>
            <li>Pens</li>
            <li>Pencil boxes</li>
            <li>Hand sanitizers</li>
            <li>Small tissue packs</li>
            <li>Folders</li>
            <li>12 count colored pencils</li>
            <li>8+ count colored markers</li>
            <li>Scissors</li>
            <li>Glue</li>
            <li>Glue sticks</li>
            <li>Erasers</li>
            <li>Pencil sharpeners</li>
            <li>1 inch binders</li>
        </ul>
        <p style="margin-top:30;" class="centerelement">Application forms are available late July of each year.</p>
    </div>


    <!-- meet our utah kids secion-->
    <div style="margin-top:340;" id="meetkids" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">. . : : under construction : : . .</p>
    </div>


    <div style="margin-top:340;" id="medsupexch" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">When re-homing medical supplies, priority is given to those without DME coverage.</p>
        <p class="centerelement">We rotate the list based-upon location and who has been waiting the longest for supplies. Contact an admin for special
            circumstances.
        </p>
    </div>


    <!-- empty stocking fund section-->
    <div style="margin-top:340;" id="esf" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement" style="margin:0 auto;width:800;">The Empty Stocking Fund came to life in 2014. We had the goal of assisting 3 families who were struggling with medical
            debt and did not qualify for other Christmas assistance programs. We were able to assist 81 individuals in our
            first year! This year we are hoping to assist up to 150 individuals with at least one special needs child in
            the home who are struggling and needing assistance. We are now accepting cash and general gift donations (please
            see our donate menu tab for ideas). Our applications for those in need will open this fall.</p>

        <p style="margin-top:10;" class="centerelement">(to find-out more, click the banner button below)</p>

        <p class="centerelement" style="color:red;">
            <strong>NOTE: Applications for assistance are not available until October 1st.</strong>
        </p>

        <p class="centerelement" style="margin-top:50px;">
            <a class="listhover hvr-pop" href="#esfdonate">
                <img src="images/esf/esfdonappinfo.png" />
            </a>
        </p>
    </div>


    <!-- list of non-profits section -->
    <div style="margin-top:340;" id="listofnonprofits" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">. . : : under construction : : . .</p>
    </div>


    <!-- easter egg hunt section -->
    <div style="margin-top:340;" id="easteregghunt" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">. . : : under construction : : . .</p>


        <!--   <div style="position:relative;clear:both;margin: 0 10%;width:80%;background:#EEEEEE;padding-bottom:40px;">
                  <div class="popup-gallery hvr-pop" ng-repeat="item in records">
                    <a href="images/gallerypics/2017/Easter/big/{{item}}.jpg" titl="" style="float:left;margin:5px;" target="_self">
                      <img src="images/gallerypics/2017/Easter/thumbs/{{item}}.jpg" width="75" height="75">
                    </a>
                  </div>
                </div> -->
    </div>


    <!-- sponsorship section -->
    <div style="margin-top:340;" id="sponsorship" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">
            <embed src="https://drive.google.com/file/d/0B7BvyzGZbsv8a3g5SGRtLWF6YUdON0treXF0dUNsRTZ3Z2U4/preview" width="90%" style="height:700px;margin:0 auto;"
            />
        </p>
    </div>


    <!-- events section -->
    <div style="margin-top:340;" id="events" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">To add a new event to the calendar please contact our Events Coordinator at
            <a class="listhover hvr-pop" hef="mailto:events@utahkidsfoundation.com">events@utahkidsfoundation.com</a>.</p>

        <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;hl=en&amp;bgcolor=%23909EAB&amp;src=j5043rap839v88fqcgh4raq6r0%40group.calendar.google.com&amp;color=%232F6309&amp;ctz=America%2FDenver"
            class="centerelement" style="border-width:5;margin:2% 10%;width:80%;" width="90%" height="100%" frameborder="0" scrolling="no"></iframe>

    </div>


    <!-- donate section -->
    <div style="margin-top:340;" id="donate" class="w3-animate-opacity sectionhide hideablesection">

        <p style="padding-left:40px;">(to make a financial donation, click one of the banner buttons below)</p>
        <a style="padding-left:40px;" class="hvr-pop" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=S3ZFGF5DH748N"
            target="_blank">
            <img src="images/donimg/Jackpacks PayPal.png" />
        </a>
        <br />
        <br />
        <a style="padding-left:40px;" class="hvr-pop" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=VM68TUFJE2TNN"
            target="_blank">
            <img src="images/donimg/General-Fund.png" />
        </a>
        <br />
        <br />
        <a style="padding-left:40px;" class="hvr-pop" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=ET67RJGKYPJC6"
            target="_blank">
            <img src="images/donimg/Empty-Stocking-Fund.png" />
        </a>
        <br />
        <br />
        <a style="padding-left:40px;" class="hvr-pop" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=TFZ68YDY4FVZA"
            target="_blank">
            <img src="images/donimg/Events.png" />
        </a>


        <p></p>
        <p style="padding-left:40px;">We are accepting year-round donations of the following items:</p>

        <ul style="padding-left:40px;">
            <li style="float:left;clear:left;">Packing Tape</li>
            <li style="float:left;clear:left;">Scotch Tape / Double-sided tape</li>
            <li style="float:left;clear:left;">Stamps / Postage Costs</li>
            <li style="float:left;clear:left;">Christmas Stockings</li>
            <li style="float:left;clear:left;">Stocking Stuffers</li>
            <li style="float:left;clear:left;">New Throw Blankets (Knit,crochet or fabric)</li>
            <li style="float:left;clear:left;">New Winter Scarves</li>
            <li style="float:left;clear:left;">New Winter Mittens</li>
            <li style="float:left;clear:left;">New or "Like New" Books for children or teens</li>
            <li style="float:left;clear:left;">New or "Like New" Winter coats / boots</li>
            <li style="float:left;clear:left;">Shirt boxes</li>
            <li style="float:left;clear:left;">Packages of new socks for children</li>
            <li style="float:left;clear:left;">Packages of new underwear for children</li>
            <li style="float:left;clear:left;">Christmas wrapping paper</li>
            <li style="float:left;clear:left;">Computer paper, 8.5" x 11"</li>
            <li style="float:left;clear:left;">Bulk candy (important: must come pre-packaged individually wrapped)</li>
            <li style="float:left;clear:left;">Most medical supplies</li>
        </ul>
        <div id="normalTaxID" style="position: relative; color: black; clear: both;padding-top:30px;width:80%;margin:0 40px;">
            Your gift is tax-deductible to the limit permitted by law. The Utah Kids Foundation is a 501(c)(3) charity. Our tax ID number
            is: 47-1055928
        </div>
    </div>


    <!-- contact section -->
    <div style="margin-top:340;" id="contact" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">
            <embed src="https://drive.google.com/file/d/0B5NrkMzjtK8sZTlYLWxtM0M2Zmc/preview" width="90%" height="100%" />
        </p>
    </div>


    <!-- blog section -->
    <div style="margin-top:340;" id="blog" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">. . : : under construction : : . .</p>
    </div>


    <!-- our mission section -->
    <div style="margin-top:340;" id="ourmission" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">The mission of the Utah Kids Foundation is to support all special needs families in Utah by:</p>

        <p class="centerelement">
            <h4>
                <ol style="margin:0 auto;width:800;">
                    <li style="width:600;margin:0 auto;line-height: 1.3em;display:inline;padding-left:0;">Sharing information about doctors and resources in the community.</li>
                    <li>Facilitating the legal exchange of spare supplies.</li>
                    <li>Providing comfort and support when our children are inpatient.</li>
                    <li>Sharing community events that are open to and accessible to special needs families</li>
                </ol>
            </h4>
        </p>
        <br />
        <br />
        <p class="centerelement" style="margin:0 auto;width:80%;">We have a short video introduction to Utah Kids Foundation on YouTube featuring our CEO / Executive Director, Syndi
            Knowlton:
        </p>
        <br />
        <br />
        <iframe width="560" height="315" src="https://www.youtube.com/embed/Vy4frFr2n2w?rel=0" frameborder="0" allowfullscreen style="margin:0 20%;width:70%;"></iframe>
    </div>


    <!-- meet our board members section -->
    <div style="margin-top:340;" id="boardmembers" class="w3-animate-opacity sectionhide hideablesection">

        <div style="margin:0 auto;width:90%;">


            <h2>
                <strong>Syndi Knowlton</strong>
            </h2>
            <h4>(CEO / Executive Director)</h4>
            <p class="bm">
                <img src="images/bmembs/syndi.jpg" border="0" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Syndi Knowlton is no stranger to the special needs community. At the age of 9, her youngest brother was born
                and later diagnosed with Aspbergers and Tourette’s syndrome. She and her husband Tom have 3 children, all
                with special needs. Her oldest daughter has Ehler-Danlos Syndrome. Her son is on the Autism spectrum. Her
                youngest daughter has Rett Syndrome and Angelman Syndrome. They are her inspiration.</p>
            <p class="bm">Syndi owned an adaptive clothing line for 4 years before she moved on to advocacy work. She hosted 2 successful
                fundraisers in Utah for Rett Syndrome in 2009 and 2010. In 2012, she began an online support network on Facebook
                called Utah Kids.
            </p>
            <p class="bm">In 2012, Syndi joined the Epilepsy Association of Utah working with Syndrome Specific Disorders. Syndi recognized
                that information for almost any need could be found on the internet but it was often a tireless process…
                thus the birth of the Utah Kids Foundation. Currently, the Utah Kids Foundation has around 3700 members.</p>
            <p class="bm">Syndi's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:syndi@utahkidsfoundation.com" target="_blank">syndi@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />

            <h2>
                <strong>Marcie Joos</strong>
            </h2>
            <h4>(Vice President)</h4>
            <p class="bm">
                <img src="images/bmembs/mjoos.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">My name is Marcie Joos and I live in Davis County. I have three children, a daughter and two boys. My daughter
                is my oldest and loves to dance. My middle child has ADHD and behavior issues that are currently being looked
                into. My younger son was born early at 28 weeks weighing 2 pounds and spent seven weeks in the NICU. I was
                rear ended in a car accident when I was 26 weeks along by a man texting and driving. After hospital bed rest
                for two weeks my little man came into his world. He has been fighting from day one. He had a Coarc repair
                on his heart, a current murmur, silent aspiration, hypoglycemia, hypothyroidism, low muscle tone, gastroparesis,
                pseudo obstruction, chronic anemia, and sleep apena. He is TPN dependent through his central line and has
                a gjtube for 24 hour venting. My children have taught me to never give up and to be a strong voice for others.
            </p>
            <p class="bm">I am a stay at home mother. I love to go out on dates with my husband . As a family we like to take our kids
                swimming, camping at the cabin and taking them out on the four wheeler. I am very involved in all my my kids
                education volunteering in the schools and in my home. </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />



            <h2>
                <strong>Brandee Garvoille</strong>
            </h2>
            <h4>(Secretary)</h4>
            <p class="bm">
                <img src="images/bmembs/brandee.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Hello, my name is Brandee Garvoille, and I am the Autism and Insurance Consultant for the Utah Kids Foundation!
                I was born and raised in West Valley, and the furthest I moved away from home was 11.3 miles, to West Jordan,
                I’m an only child and a HUGE mama’s girl (and my kids are pretty much Grandma Trace’s whole world)!</p>
            <p class="bm">At 19, I started working for SelectHealth (which was then IHC Health Plans). The six years that I was there,
                I worked as a claims processor/member services, enrollment processor and customer service coordinator for
                both small group and individual sales. While working there I also became a certified medical coder. I learned
                all the ins and outs of the insurance carrier side of things, and then was recruited to work for an agent
                at his agency, The Insurance Exchange. In 2006 I became a licensed Health/Life Insurance Producer. Not only
                do I manage the entire agency, I sell, and have my own book of business. The knowledge that I gained while
                working at SelectHealth has become invaluable in my role as an insurance agent, as a special needs parent
                and as a member of the Utah Kids Board.
            </p>
            <p class="bm">6 months after I started working for IHC, I married the love of my life and best friend, Andrew Garvoille. We
                wanted to start a family right away, but the babies never came. After several miscarriages, we decided to
                become foster parents. In February of 2003, 3-year old Carter came to live with us; he has been diagnosed
                with Asperger’s, Fetal Alcohol Syndrome, ADHD, PTSD and Reactive Attachment Disorder. In May of 2004, we
                were able to adopt him! He is 15 years old now, and is SUPER smart (almost too smart for his own good)! He
                loves video games, LEGOS and anything he can take apart and put back together.</p>
            <p class="bm">In September of 2004, at just 4 weeks old, KayCee came to live with us (we were able to adopt her in July of
                2005). At that time she was diagnosed with Failure to Thrive, and only weighed 7 pounds; she is now a rambunctious
                10 year-old chatter box that never stops moving! She has been diagnosed with Autism Spectrum Disorder, Fetal
                Alcohol Syndrome and ADHD. She loves to play with her friends, anything Sophia the First, or Curious George
                and tormenting her big brother!</p>
            <p class="bm">My kids are my biggest test, and my greatest reward! I don’t know why my children had to take the road they did
                to come to us, but they were definitely meant to be part of our family! My family is complete, and I wouldn’t
                trade any of it, even the hard days, for anything in the world!</p>
            <p class="bm">I’m so excited to be on the Utah Kids board and work with such amazing people, and be support for all of the
                amazing special needs families in Utah! Feel free to contact me, if you ever need help with anything!!
                <p class="bm">
                    <p class="bm">My favorite quote is, “When God leads you to the edge of a cliff, trust him fully. Only two things can
                        happen; either he will catch you when you fall, or he will teach you how to fly.”
                    </p>
                    <br />
                    <p class="bm">Brandee's email is:&nbsp;&nbsp;
                        <a class="listhover hvr-pop" href="mailto:brandee@utahkidsfoundation.com" target="_blank">brandee@utahkidsfoundation.com</a>
                    </p>
                    <br />
                    <br />
                    <p style="clear: both;"></p>
                    <br />
                    <br />
                </p>
            </p>

            <h2>
                <strong>Melissa Christensen</strong>
            </h2>
            <h4>(Northern Utah Parent Advocate)</h4>
            <p class="bm">
                <img src="images/bmembs/ScottMelissa.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Melissa Christensen brings more than 12 years of personal experience dealing with special needs kids to the Utah
                Kids Foundation. She and her husband Scott have one child that is Autistic and 1 child that has been diagnosed
                with Microcephaly early in his life, but since has been diagnosed with many other things. They've spent many
                hours in therapy, doctors’ offices and hospitals dealing with the things that plague their children. They've
                become experts in dealing with many things...from feeding tubes, to central lines, doctors, therapy and yes
                even poop. : ) Melissa looks forward to being able to share what she has learned in order to help other families
                and make their lives easier.
            </p>
            <p class="bm">She stands ready to help no matter what the situation. She's elected to be responsible for helping families in
                Northern Utah. Please email her at:

                <a class="listhover hvr-pop" href="mailto:melissa@utahkidsfoundation.com" target="_blank">melissa@utahkidsfoundation.com</a>
            </p>
            <p class="bm">with any requests, questions, etc. You can also find Melissa on Facebook. She looks forward to getting to know
                each family.
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />





            <h2>
                <strong>Molly Barrington</strong>
            </h2>
            <h4>(Fundraising and Events)</h4>
            <p class="bm">
                <img src="images/bmembs/20205_186.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Hello, my name is Molly Barrington and I live in Pleasant Grove. I grew up with three brothers. Two of them had
                Lowe Syndrome which caused very severe disabilities and complex medical issues. My husband, Dave, and I have
                one son who is our pride and joy. Our Jonny has Lowe syndrome also. I have worked with the special needs
                community in one form or another, my entire life. I have also worked professionally as a medical assistant.
                <br />
                <br />I really enjoy working with Utah Kids Foundation because of the support that we are able to give each other.
                Everyone needs to be heard and understood and this is a place where that can happen.
                <br />
                <br />My mother taught me that everyone deserves to be treated with respect and kindness and I try to live my life
                that way.
            </p>
            <p class="bm">Molly's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:molly@utahkidsfoundation.com" target="_blank">molly@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h2>
                <strong>Nadine Stoliby Braxton</strong>
            </h2>
            <h4>(Events Coordinator)</h4>
            <p class="bm">
                <img src="images/bmembs/nadine.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">
                Nadine is the grandmother of 8 year old Dakota, who is high functioning Autistic, has ODD, SPD, ADHD and some anxiety issues.
                She is a huge advocate for her grandson, especially at school, as this is where he had the most problems.
                Nadine came to Utah from Texas because of work and her daughter Jessi and Dakota lived with her in Texas
                so they came with her. Her mother, Lena also came to Utah from Arizona and they all live together. So, Dakota
                has 3 very strong and compassionate ladies in his life. Nadine works as a Prepress Technician Lead at Quad
                Graphics.
            </p>
            <p class="bm">
                Nadine is Native American and a tribal member of the Choctaw Nation of Oklahoma. She loves Pow Wows and rodeo tries to get
                Dakota to go to these events. Dakota's passion is trains and legos, Nadine takes him to all the model train
                shows that are within driving distance. Dakota will stay at a train show from the time it opens until the
                time it closes and it doesn't matter how many times he has to look at the same thing. Nadine volunteered
                to be the events coordinator for Utah Kids Foundation after she joined the Facebook group. She wanted to
                give back to the group because there was so much information and comradery within the group. Nadine and her
                family live in Bountiful.
            </p>
            <p class="bm">Feel free to contact her through the
                <a class="listhover hvr-pop" href="mailto:events@utahkidsfoundation.com" target="_blank">events@utahkidsfoundation.com</a> email to add any events to our calendar. She also will post the event on
                the Utah Kids Foundation Facebook feed.
            </p>
            <p class="bm">(Pictured by generation, left to right: Great Grandma Lena with Chase, Nadine, Jessi and Dakota in front.)
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />

            <h2>
                <strong>Karen Cox</strong>
            </h2>
            <h4>(Cache Valley Parent Advocate)</h4>
            <p class="bm">
                <img src="images/bmembs/karencox.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">My name is Karen Cox and I live in Paradise, Utah. My husband and I met 31 years ago while we were attending
                Utah State University. We are the proud parents of 4 children, and also have the most amazing 6 grandchildren.</p>
            <p class="bm">Our son Ben is 26 and has Opitz C Syndrome and Asperger Syndrome. Having a child with a rare syndrome has taught
                us many things, advocacy, faith, patience and lots and lots of unconditional love. Ben’s symptoms have calmed
                down somewhat with age but he still struggles with being deaf/blind, being a room walker, low stamina, more
                ear infections and surgeries than I can count, headaches and every bug that even thinks about going through
                his day program.
            </p>
            <p class="bm">I have served in Cache Valley and in the state as a parent representative on various advisory committees and
                boards. I have co-taught at Utah State University as a parent representative in special education classes
                and worked as a parent consult for USU. My goal is to help people who work with and future teachers of children
                with special needs to take care, not only with the child but also the family. To listen and learn from the
                families, to help them realize the family is the greatest advocate and teacher regarding their child. I also
                want to help families who have children with special needs get the services and attention they need. When
                Ben was about 3 I decided if I could help just one family learn something the easy way, instead of how we
                learned it the hard way, it would be a very good thing.</p>
            <p class="bm">In my spare time I work with the Early Intervention Program, listen to lots of music, read lots of books, spoil
                my family, and follow bicycle riders on crazy long bike rides.</p>
            <p class="bm">My favorite quote is from my physical therapist, “Never Give In!”</p>
            <br />
            <p class="bm">Karen's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:karen@utahkidsfoundation.com" target="_blank">karen@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h2>
                <strong>Kris McFadden</strong>
            </h2>
            <h4>(Treasurer)</h4>
            <p class="bm">
                <img src="images/bmembs/kris.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Kris McFadden brings over 20 years of accounting experience to the position of Treasurer. Most of this time has
                been with one and later two boys with special needs at home. Kris and his wife have three boys. The oldest
                is as "normal" as a child of his could hope to be. The younger two have a rare condition called L1 Syndrome.</p>
            <p class="bm">Kris has had to become the health insurance expert at work and been asked to look into different healthcare plans
                to help his company select the best plans. He has learned that although his boys may have the same diagnosis,
                that they are completely unique in personality, temperament and diffabilities. And yes, Kris said "Diffabilities,
                we all have different abilities including our special needs kids."</p>
            <br />
            <p class="bm">Kris's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:kris@utahkidsfoundation.com" target="_blank">kris@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h2>
                <strong>Nicole Ludwig</strong>
            </h2>
            <h4>(Davis County Coordinator)</h4>
            <p class="bm">
                <img src="images/bmembs/n5.jpg" style="height:30%; margin-top:0px; margin-bottom:0px; margin-right:20px; float:left; transform: rotate(0deg);"
                />
            </p>
            <p class="bm">Nicole Ludwig is a stay at home mom of 3 kids (4 if you count the husband). Her oldest is her son has PTSD, DMDD,
                type 3 ADHD, and possibly ASD (causing academic and social delays). He also has other medical issues. Her
                middle daughter is medically considered neurotypical, although she shows signs of anxiety and precocious
                puberty. Her youngest daughter has been through a ton in her little life. She was diagnosed with FTT at 8
                months old and was on the ng feeding tube for a year and a half, had tons of issues with her kidneys (now
                resolved), failed a swallow study and has officially joined the tubie world by getting a g-tube placed.
            </p>
            <p class="bm">She brings with her a willingness and desire to learn, help and research. She has the ability to mentally store
                information and recall it as needed to help others out. She dedicates her life to her kids and making sure
                they are well taken care of. She will do her best to help anyone in need.</p>

            <p class="bm">In her spare time, she likes to pull weeds, play video games with her kids, surf facebook, color in books and
                on sidewalks, research information for her family and for others and create projects only to half-finish
                them. When able, she enjoys camping, fishing and riding her mom's ATVs.</p>
            <br />
            <p class="bm">Nicole's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:nicole@utahkidsfoundation.com" target="_blank">nicole@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h2>
                <strong>Patience L. Jaramillo</strong>
            </h2>
            <h4>(Social Media Director)</h4>
            <p class="bm">
                <img src="images/bmembs/pa.jpg" style="height:30%; margin-top:0px; margin-bottom:0px; margin-right:20px; float:left; transform: rotate(0deg);"
                />
            </p>
            <p class="bm">Hello, I am Patience L. Jaramillo. I have a wonderful 5 year old little boy who was born at 28 weeks weighing
                2 lbs 10 ounces. He spent 55 days at UVRMC in Provo, Utah. I feel lucky and blessed to have been given such
                a wonderful little boy. He has been diagnosed with a hearing disability (corrected by hearing aids), ADHD,
                and he may possibly have autism. My son is witty, smart, and the most lovable human being I have ever met.
                We love fishing, camping, and football. I am excited to be taking over social media. I hope to be able to
                bring in some of the younger special needs moms.
            </p>
            <br />
            <p class="bm">Patience's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:patience@utahkidsfoundation.com" target="_blank">patience@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />





            <h2>
                <strong>Tammy Will</strong>
            </h2>
            <h4>(Director of Philanthropy)</h4>
            <p class="bm">
                <img src="images/bmembs/twill.jpg" style="height: 30%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <p class="bm">Tammy Will is a transplant from New York and brings over 20 years of experience in start-up business and non-profit
                promotion and structure, grant writing, strategic planning programs, economic development, acquisitions,
                tourism and Native American health and education programs. Tammy owned her own businesses for over 30 yrs.
                She is a graduate of the State University of New York and has served on various non-profit boards and chambers.
                Tammy is the past president of a local New York chapter of BPW/USA. She is a member of the Lions International.
                She has received various awards through the years for a variety of community service and programs.
            </p>
            <p class="bm">Tammy's email is:&nbsp;&nbsp;
                <a class="listhover hvr-pop" href="mailto:tammy@utahkidsfoundation.com" target="_blank">tammy@utahkidsfoundation.com</a>
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />

            <p style="clear: both;"></p>
            <br />
            <!--   <p class="bm">
                       <a href="#boardmembers" class="hvr-pop aforceblue" target="_self">Back to top of page</a>
                       <p /> -->


            <h4>(Fundraising / Volunteering Coordinator)</h4>
            <p class="bm">
                <img src="images/bmembs/genfemale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />



            <h4>(Eastern Utah Parent Advocate)</h4>
            <p class="bm">
                <img src="images/bmembs/genfemale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />





            <h4>(Tooele Parent Advocate)</h4>
            <p class="bm">
                <img src="images/bmembs/genmale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />


            <h4>(Inventory)</h4>
            <p class="bm">
                <img src="images/bmembs/genmale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h4>(Salt Lake City Parent Advocate)</h4>
            <p class="bm">
                <img src="images/bmembs/genfemale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />




            <h4>(Programs Manager)</h4>
            <p style="width: auto; height: auto;">
                <img src="images/bmembs/genfemale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />



            <h4>(Utah County Parent Advocate)</h4>
            <p style="width: auto; height: auto;">
                <img src="images/bmembs/genfemale.jpg" style="width: 10%; height: 15%; border: 0; float: left; margin-right: 20px;" />
            </p>
            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />

            <p style="clear: both;"></p>
            <p class="bm"></p>
            <p style="clear: both;"></p>
            <!--     <p class="bm">
                   <a href="#boardmembers" class="hvr-pop aforceblue" target="_self">Back to top of page</a>
               </p> -->

            <br />
            <br />
            <p style="clear: both;"></p>
            <br />
            <br />
        </div>


    </div>


    <!-- kids in the news section -->
    <div style="margin-top:340;" id="kidsinnews" class="w3-animate-opacity sectionhide hideablesection">
        <p class="centerelement">. . : : under construction : : . .</p>
    </div>


    <!-- forum rules section -->
    <div style="margin-top:340;" id="forumrules" class="w3-animate-opacity sectionhide hideablesection">

        <p class="centerelement" style="color: black;">The purpose of Utah Kids is to help the parents of special needs children:
        </p>
        <p style="margin-top:30px;">
            <p class="centerelement" style="width:70%;margin:0 auto;">Have a safe place to ask difficult questions about the care of their special needs children, in a forum where
                they are surrounded by the parents of children just like theirs.
            </p>
            <br>
            <div class="centerelement" style="font-size:1.5em; color:red">
                <i class="fa fa-heart"></i>
            </div>
            <br>
            <p class="centerelement" style="width:70%;margin:0 auto;">
                Exchange free medical equipment or facilitate the sale of medical equipment.&nbsp;&nbsp;Items may be sold for your out-of-pocket
                expense only (you must provide proof of purchase)&nbsp;&nbsp;All free supplies should go through our foundation
                to ensure equitable distribution of supplies.
            </p>
            <br>
            <div class="centerelement" style="font-size:1.5em; color:red">
                <i class="fa fa-heart"></i>
            </div>
            <br>
            <p class="centerelement" style="width:70%;margin:0 auto;">
                Share information in regards to doctors, services etc.
            </p>
        </p>

        <br>
        <div class="centerelement" style="font-size:3em; color:green">
            <i class="fa fa-universal-access"></i>
        </div>
        <br>
        <p class="centerelement" style="width:70%;margin:0 auto;">
            We do not discriminate on the level of disability;&nbsp;&nbsp;we allow a broad spectrum of special needs to be discussed
            on our forum, from ADHD to Zellweggers.
        </p>
        <p class="centerelement" style="width:70%;margin:20 auto;">At the discretion of the board, individuals who are not the parent of special needs children may be admitted.</p>
        <p class="centerelement" style="width:70%;margin:10 auto;">We freely and publicly share information on doctors, therapies, spare supplies and local events that benefit our
            community.&nbsp;&nbsp;We welcome all families who reside, or actively receive medical care, in the state of Utah.&nbsp;&nbsp;Those
            families who no longer receive services in the state of Utah should plan to gradually phase-out their membership
            on Utah Kids within a period of 6 months in order to preserve the accuracy of the information provided and maintain
            the integrity of the community (which is strictly Utah-centric).
        </p>
        <p class="centerelement" style="width:70%;margin:20 auto;">We hope it goes without saying; kindness and supportive words and ideas should be the rule in these forums.&nbsp;&nbsp;You
            are not required to agree with everyone, but disagreements should be handled in an adult manner. Speak your thoughts
            about the issues. Do not attack the person - deal with the issues instead. Some basic rules to keep in mind before
            deciding to post:
        </p>

        <ol style="width:70%;margin:20 auto;">
            <li style="padding-bottom:10;">
                <span>No posting of events is allowed in the forum.&nbsp;&nbsp;They must be sent to
                    <a class="listhover hvr-pop" hef="mailto:events@utahkidsfoundation.com">events@utahkidsfoundation.com</a>.&nbsp;&nbsp;Our events coordinator will then post the event to our
                    public events calendar and into our online forum.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    Any posting of needy family alerts, contests, giveaways, sales or products for sale must be approved BEFORE posting them
                    to the forum.&nbsp;&nbsp;The reason for this is two-fold:&nbsp;&nbsp;i)&nbsp;&nbsp;Because we now have
                    501(c)3 status, we cannot endorse or promote any product or company.&nbsp;&nbsp;ii)&nbsp;&nbsp;Posts
                    of this nature detract from the purpose of the forum.&nbsp;&nbsp;Multiple posts in a row that have nothing
                    to do with the topic being discussed, or by the same individual regarding the same item over and over
                    only serve to clog the discussion threads.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    We do not allow job postings or invites to your home-based business events.&nbsp;&nbsp;We do not want to know if the company
                    you work for is hiring, or any other positions you know about at other companies.&nbsp;&nbsp;Special
                    exceptions can be made (after the board first reviews the request) for those that make products or who
                    are licensed to provide therapies that benefit our kids within the broader circle of the special needs
                    community.
                </span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    Please do not post in the forum with a sense of entitlment, expecting other members to find resources for you or do research
                    for you that you can be doing on your own.&nbsp;&nbsp;Most of us are happy to help you if you first demonstrate
                    that you have attempted to find the information on your own, but perhaps still have a few gaps in your
                    knowledge.&nbsp;&nbsp;If you run out of supplies simply let us know that you have run out of the item
                    and we will try to assist.&nbsp;&nbsp;Most of us will bend-over-backwards to help someone in need who
                    is genuine, kind and respectful, but we will typically not respond positively to someone who is demanding.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    Members who ONLY post links to information on other websites, even if said information appears useful and relevant in regard
                    to special needs children, but who DO NOT participate in the on-going discussions or interact with other
                    members in a meaningful way will be monitored, then warned, then banned.&nbsp;&nbsp;The reason for this
                    is we want Utah Kids to remain a conversational forum.&nbsp;&nbsp;Numerous links interrupt the free flow
                    of information and ideas.
                </span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    The community of Utah Kids is structured under one umbrella:&nbsp;&nbsp;We are all the parents of special needs children.&nbsp;&nbsp;We
                    encourage conversations that support both individual and group situations.&nbsp;&nbsp;Being a special
                    needs family can create its own exclusionary group from the public, and in recognition of this we will
                    not endorse religious- or politically-fueled conversations or comments as those create separation from
                    our foundation's goal of supporting all special needs families in Utah.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    Requests for referrals and suggestions regarding medical specialists or services must be for special needs children, not
                    for yourself or your friends.&nbsp;&nbsp;If your friends live in Utah or receive services in Utah for
                    a special needs child, the proper etiquette would be for them to join the forum and ask the question(s)
                    for themselves on behalf of their special needs child.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    We consider it to be a blatant sign of disrespect to post comments that begin with phrasing like "Not sure if this post is
                    okay, but..." or "This may violate the forums rules, but..." and then proceed to post anyway.&nbsp;&nbsp;If
                    you suspect that your post may violate the forum rules, send your candidate post to a member of the board
                    for review.&nbsp;&nbsp;The board can then review the post and help with wording or content so that your
                    concerns may be addressed without damaging the integrity of the forum.</span>
            </li>
            <li style="padding-bottom:10;">
                <span>
                    Any discussion on CBD or other restricted treatments other than the legally permitted uses will be immediately deleted.
                </span>
            </li>
        </ol>
        <p style="padding-left: 30px;"></p>
        <p>
            <a class="listhover hvr-pop" href="https://www.facebook.com/groups/UtahKids" target="_blank">
                <h3 class="centerelement">Return to Utah Kids on Facebook</h3>
            </a>
        </p>
    </div>


    <!-- financials section -->
    <div style="margin-top:340;" id="financials" class="w3-animate-opacity sectionhide hideablesection">

        <div class="centerelement">
            <a class="listhover hvr-pop" id="ctl00_ContentPlaceHolder1_HyperLink5" href="https://drive.google.com/file/d/0B1p7pzWGaaMyOEVVWFVVMFc1Ums/view?usp=sharing"
                target="_blank">Financials 2017</a>
        </div>

        <div class="centerelement">
            <a class="listhover hvr-pop" id="ctl00_ContentPlaceHolder1_HyperLink4" href="https://drive.google.com/open?id=0B5NrkMzjtK8seEtaZEdZTDVjN3lfQllFWGlJUGhJcUJGVXUw"
                target="_blank">Financials 2016</a>
        </div>

        <div class="centerelement">
            <a class="listhover hvr-pop" id="ctl00_ContentPlaceHolder1_HyperLink3" href="https://drive.google.com/open?id=0B5NrkMzjtK8sM0M5eXAwX3EzcGtWTU56M25venRmeHgyc1Rn"
                target="_blank">Financials 2015</a>
        </div>
    </div>


    <!-- swag - shopping section -->
    <div style="margin-top:340;" id="swag" class="w3-animate-opacity sectionhide hideablesection">
        <div>
            <div style="float:left;clear:both;margin: 0 auto; width:100%">
                <p style="font-size:52px;">Shopping Cart</p>
                <br />
                <br />
                <p>Utah Kids is pleased to offer (for the cost of acquisition) new JetCares Baby Diapers</p>
            </div>
        </div>


        <div style="position:relative;float:left;clear:both;">
            <!-- <img src="images/mainpage/cutiestrans.png" /> -->
            <ng-include src="'jet.html'"></ng-include>
        </div>
        <div style="position:relative;float:left;height:300px;width:600px;">

            <div class="diapermainwrapperright">

                <div class="diaperpaybuttonright">
                    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
                        <input type="hidden" name="cmd" value="_s-xclick">
                        <input type="hidden" name="hosted_button_id" value="SRJ9GRZCXQ7H8">
                        <table>
                            <tr>
                                <td>
                                    <input type="hidden" name="on0" value="Qty | Size  --   Price">Choose your desired Qty | Size -- Price&nbsp;&nbsp;</td>
                                <td>
                                    <select name="os0">
                                        <option value="108 | Newborn --">108 | Newborn -- $17.25 USD</option>
                                        <option value="176 | 1 --">176 | 1 -- $27.40 USD</option>
                                        <option value="252 | 2 --">252 | 2 -- $37.10 USD</option>
                                        <option value="224 | 3 --">224 | 3 -- $37.10 USD</option>
                                        <option value="200 | 4 --">200 | 4 -- $37.10 USD</option>
                                        <option value="160| 5 --">160| 5 -- $37.10 USD</option>
                                        <option value="144 | 6 --">144 | 6 -- $37.10 USD</option>
                                    </select>
                                </td>
                            </tr>
                        </table>
                        <input type="hidden" name="currency_code" value="USD">
                        <input style="margin-top:10px;" type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit"
                            alt="PayPal - The safer, easier way to pay online!">
                        <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                    </form>

                </div>
            </div>




            <div class="diapermainwrapperright" style="position:relative;float:right;margin-top:50px;margin-bottom:100px;margin-right:-20px;">
                <div class="diaperpaybuttonright" style="position:relative;float:right;clear:both;border:1px blue solid;padding:10px;background-color:bisque">
                    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
                        <input type="hidden" name="cmd" value="_s-xclick">
                        <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----MIIG5QYJKoZIhvcNAQcEoIIG1jCCBtICAQExggEwMIIBLAIBADCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwDQYJKoZIhvcNAQEBBQAEgYCN4O40+cYcBmWSQmchZl2KFR90TLIieNucSYjjLHjI7wPq2205LuQVNC8ycmbBs5PB9GNJsGXGkAPX9YBJjymCUjxb1AkgNxNquPuHDCR6J8b7Krp66B6YCV7tNrmnRCzMr+gppPCKNgM4NxDdezov2L6HLof0uWnd8utgHhQReTELMAkGBSsOAwIaBQAwYwYJKoZIhvcNAQcBMBQGCCqGSIb3DQMHBAjT0WiroFTmvIBAmlD9hzddRTg7pCLwNuO1qGdD6WtUbSM5y6CouU9CtlxAuzQV1UrVxj2o79taY6H7moarg/n8BzD7cIZTu/NgU6CCA4cwggODMIIC7KADAgECAgEAMA0GCSqGSIb3DQEBBQUAMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTAeFw0wNDAyMTMxMDEzMTVaFw0zNTAyMTMxMDEzMTVaMIGOMQswCQYDVQQGEwJVUzELMAkGA1UECBMCQ0ExFjAUBgNVBAcTDU1vdW50YWluIFZpZXcxFDASBgNVBAoTC1BheVBhbCBJbmMuMRMwEQYDVQQLFApsaXZlX2NlcnRzMREwDwYDVQQDFAhsaXZlX2FwaTEcMBoGCSqGSIb3DQEJARYNcmVAcGF5cGFsLmNvbTCBnzANBgkqhkiG9w0BAQEFAAOBjQAwgYkCgYEAwUdO3fxEzEtcnI7ZKZL412XvZPugoni7i7D7prCe0AtaHTc97CYgm7NsAtJyxNLixmhLV8pyIEaiHXWAh8fPKW+R017+EmXrr9EaquPmsVvTywAAE1PMNOKqo2kl4Gxiz9zZqIajOm1fZGWcGS0f5JQ2kBqNbvbg2/Za+GJ/qwUCAwEAAaOB7jCB6zAdBgNVHQ4EFgQUlp98u8ZvF71ZP1LXChvsENZklGswgbsGA1UdIwSBszCBsIAUlp98u8ZvF71ZP1LXChvsENZklGuhgZSkgZEwgY4xCzAJBgNVBAYTAlVTMQswCQYDVQQIEwJDQTEWMBQGA1UEBxMNTW91bnRhaW4gVmlldzEUMBIGA1UEChMLUGF5UGFsIEluYy4xEzARBgNVBAsUCmxpdmVfY2VydHMxETAPBgNVBAMUCGxpdmVfYXBpMRwwGgYJKoZIhvcNAQkBFg1yZUBwYXlwYWwuY29tggEAMAwGA1UdEwQFMAMBAf8wDQYJKoZIhvcNAQEFBQADgYEAgV86VpqAWuXvX6Oro4qJ1tYVIT5DgWpE692Ag422H7yRIr/9j/iKG4Thia/Oflx4TdL+IFJBAyPK9v6zZNZtBgPBynXb048hsP16l2vi0k5Q2JKiPDsEfBhGI+HnxLXEaUWAcVfCsQFvd2A1sxRr67ip5y2wwBelUecP3AjJ+YcxggGaMIIBlgIBATCBlDCBjjELMAkGA1UEBhMCVVMxCzAJBgNVBAgTAkNBMRYwFAYDVQQHEw1Nb3VudGFpbiBWaWV3MRQwEgYDVQQKEwtQYXlQYWwgSW5jLjETMBEGA1UECxQKbGl2ZV9jZXJ0czERMA8GA1UEAxQIbGl2ZV9hcGkxHDAaBgkqhkiG9w0BCQEWDXJlQHBheXBhbC5jb20CAQAwCQYFKw4DAhoFAKBdMBgGCSqGSIb3DQEJAzELBgkqhkiG9w0BBwEwHAYJKoZIhvcNAQkFMQ8XDTE4MDEzMTIzMzA1MVowIwYJKoZIhvcNAQkEMRYEFDOzAA57teiqTP2i6oG/lomggJVBMA0GCSqGSIb3DQEBAQUABIGAj0yfJ6S5xMNLum7bRFjHRlDqR1t0DuCay5qkUuZKhWzj2ElVp4cxBXuBn5SsaNDFv9dX5ynReIr2VqPH6jpTkmB0o9JY4eDLZbGK9PaOLypIeCAL3F+ahWrCV0bWw+tNWZouKv7bPlIV0z+aLokPwdynioARtJ5XB4BAK1GslpE=-----END PKCS7-----
                              ">
                        <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_viewcart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
                        <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
                    </form>
                </div>
            </div>


        </div>



    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/unslider/2.0.3/js/unslider-min.js" integrity="sha256-5cLCHHHqQX2x3pQpjWwAtBL54U9EGWOHe8tDkXuxPTI="
        crossorigin="anonymous"></script>

</body>

</html>

Open in new window

LVL 5
Tom KnowltonWeb developerAsked:
Who is Participating?
 
David S.Connect With a Mentor Commented:
The first thing to do is add the missing doctype. Without it browsers use "quirks mode," which is bad if you want to use modern features and have cross-browser consistency.
<!DOCTYPE html>

Open in new window

0
 
zc2Connect With a Mentor Commented:
A.
<div id="jpacks" ...> has invalid and to small maargin-top value. Replace "340" with "440px"
B.
When the page is scrolled down the div with id="main-nav" gets an additional class "fixed". That makes the div be located at the top of the browser. Without the class, the gap at the top of the menu is made of the <div id="unslider" ...> content.
0
 
mohan singhConnect With a Mentor Web developerCommented:
Solution fro A

ukf.css:194
remove position:fixed;
from line no 194 in  ukf.css page

and use
    padding-top: 50px; in bootstrap.css [sm] line no 6488
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.