<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title>Home Page - Technology Association of Iowa</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" />
    <link rel="stylesheet" href="/styles/main.css" />

    <meta name="viewport" content="width=100%, initial-scale=1.0, user-scalable=1.0" />
    <script src="/Scripts/jquery-1.10.2.min.js"></script>
    <script src="/scripts/custom/homeLayout.js"></script>

</head>
<body>
    <!-- Google Tag Manager -->
    <noscript>
        <iframe src="//www.googletagmanager.com/ns.html?id=GTM-WZ7GTR"
                height="0" width="0" style="display:none;visibility:hidden"></iframe>
    </noscript>
    <script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WZ7GTR');</script>
    <!-- End Google Tag Manager -->


    <div class="wrapper clearfix">

        <!--Main Nav -->
        <div class="mainNavContainer clearfix">
            <nav class="mainNav clearfix">
                <div class="logoContainer">
                    <div class="logo">
                        <a href="/"><img class="taiLogo" src="/images/tai-logo.svg" alt="Technology Association of Iowa logo" /></a>
                    </div>

                    <div class="loginContainer">
                        <ul class="mainNav clearfix">
                            <li class="socialIcon"><a href="https://www.facebook.com/technologyiowa/"><i class="fa fa-facebook-official"></i></a></li>
                            <li class="socialIcon"><a href="https://twitter.com/TechnologyIowa"><i class="fa fa-twitter"></i></a></li>
                            <li class="socialIcon"><a target="_blank" href="http://eepurl.com/FyYwP"><i class="fa fa-envelope" style="padding-right: 0px;"></i><span class="removeInMobile">TAI Newsletter</span></a></li>
                            <li class="loginBtn"><a href="https://technologyiowa.force.com/MemberPortal/login" target="_blank"><span class="nowrap"><span class="removeInMobile">Member</span> Login</span></a></li>
                        </ul>
                    </div>
                </div>
            </nav>
        </div>


        <!--Main Content-->


        


             <!--Main Content-->
<div class="mainContentContainer">
    <section class="mainContent clearfix">

        <div class="homeSearchContainer clearfix">
            <form class="homeSearch" action="Search" method="get">
                <input type="text" class="mainSearchBox" id="s" name="s" placeholder="Search TAI..." required>
                <button class="mainSearchBtn"><i class="fa fa-search"></i></button>
            </form>
            <ul class="homeSearch" id="ulHomeSearch">
                <li class="popSearchLabel">Popular: </li>
                <a href="http://tai.spintest.com/sample/event-details.html"><li class="popSearchLink">Prometheus</li></a>,
                <a href="#"><li class="popSearchLink">TechBrew</li></a>,
                <a href="#"><li class="popSearchLink">Internship</li></a>,
                <a href="#"><li class="popSearchLink nowrap">Women of Innovation</li></a>
            </ul>
        </div>

    </section>

    <section class="greyContainer">
        <div class="content clearfix">
            <div class="tiles clearfix" id="homecombo">
            </div>
        </div>

        <ul class="mobileTiles" id="homecomboMobile">
        </ul>



    </section>


    <section class="transparentContainer">
        <div class="content clearfix">
            <div class="contentHeader clearfix">
                <div class="contentHeading">
                    <h2><a class="noDecorationWhite" href="/Events"><i class="fa fa-calendar"></i>Upcoming Events</a></h2>
                </div>
                <div class="contentLink">
                    <a class="mainLink" href="/Events">View All Events</a>
                </div>
            </div>
            <ul class="eventList" id="eventListIndex">
            </ul>

            <div class="contentHeader paddingTop30 clearfix">
                <div class="contentHeading">
                    <h2><a class="noDecorationWhite" href="/News"><i class="fa fa-newspaper-o"></i>TAI News</a></h2>
                </div>
                <div class="contentLink">
                    <a class="mainLink" href="/News">View All News</a>
                </div>
            </div>
            <ul class="newsList" id="newsListIndex">
            </ul>

        </div>
    </section>


    <section class="greyContainer">
        <div class="content paddingTopBottom10 clearfix">
            <div class="projectExampleCol1 clearfix">
                <img class="primaryImg" src="/images/brand-statement.png" alt="Project primary image alt tag">
            </div>
            <div class="projectExampleCol2 clearfix">
                <a class="noDecoration" href="/home/AboutTAI"><h2 class="blue">About TAI</h2></a>
                <p class="mediumDescription" id="contentAbout"></p>

            </div>
        </div>
    </section>

    <script src="/scripts/custom/homepage.js"></script>
</div>







    </div>

        <!-- Main Footer -->
        <footer class="footerContainer clearfix">
            <div class="mainFooter clearfix">
                <ul class="footerCol col1">
                    <div class="footerLogo">
                        <a href="/"><img src="/images/footer-logo.png" alt="TAI Logo" /></a>
                    </div>
                    <li class="footerAddress">

                        <a class="address" href="https://www.google.com/maps/place/Technology+Association+of+Iowa/@41.5884801,-93.6097763,15z/data=!4m5!3m4!1s0x0:0x53d3e1b78761664b!8m2!3d41.5884801!4d-93.6097763">
                            <p class="address">500 East Court Avenue Suite 100</p>
                            <p class="address">Des Moines, IA 50309</p>
                        </a>
                    </li>
                    <hr class="white paddingTopBottom15" />
                    <li><a href="/Home/AboutTAI">About TAI</a></li>
                    <li><a href="/Page/Membership">Membership</a></li>
                    <li><a href="/News">News</a></li>
                    <li><a href="/Events">Calendar</a></li>
                    <li><a href="/Jobs">Job Board</a></li>
                    <li><a href="/Home/SiteMap">Site Map</a></li>
                </ul>

                <ul class="footerCol col2" id="ulFooterEvents">
                    <li class="mainFooterLink"><a href="/Events/">Events</a></li>
                </ul>
                <ul class="footerCol col3" id="ulFooterPrograms">
                    <li class="mainFooterLink"><a href="/Programs/">Programs</a></li>
                </ul>
                <ul class="footerCol col4" id="ulFooterPolicies">
                    <li class="mainFooterLink"><a href="/Priorities">Priorities</a></li>
                </ul>
            </div>

            <!-- Sub Footer -->
            <div class="subFooterContainer clearfix">
                <div class="subFooter clearfix">
                    <ul class="subFooterText">
                        <li class="copyrightText">Copyright 2017 Technology Association of Iowa | Des Moines, Iowa</li>
                        <li class="spindustryText">Website design and development by <a href="http://www.spindustry.com" target="_blank">Spindustry Digital</a>, <span class="nowrap">Des Moines, Iowa</span></li>
                    </ul>
                </div>
            </div>
        </footer>


</body>
</html>