program.html

<!DOCTYPE HTML>
<html>
<head>
    <title>TechDiversified - About the Program</title>
    <link rel="icon" type="image/ico" href="favicon.ico">
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <!--[if lte IE 8]>
    <script src="css/ie/html5shiv.js"></script><![endif]-->
    <script src="js/jquery.min.js"></script>
    <script src="js/mustache.js"></script>
    <script src="js/jquery.poptrox.min.js"></script>
    <script src="js/skel.min.js"></script>
    <script src="js/static-pages.js"></script>
    <noscript>
        <link rel="stylesheet" href="css/skel-noscript.css"/>
        <link rel="stylesheet" href="css/style.css"/>
    </noscript>
    <link rel="stylesheet" href="css/static.css"/>
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="css/ie/v8.css"/><![endif]-->
</head>
<body id="program">

<div class="expando">

<!-- Nav -->
<nav id="nav" style="top: 0px;position:relative">
    <!-- Logo -->
    <h1 id="logo"><a href="http://techdiversified.org"><img src="images/td_logo_hires.png"/><span class="logo_text">tech diversified</span></a>
    </h1>

    <div id="headerMenuToggle" class="threeLines" style="float:right" class="clearfix">
        <div class="horizontal-bar"></div>
        <div class="horizontal-bar"></div>
        <div class="horizontal-bar"></div>
    </div>
    <ul id="headerItems">
    </ul>
</nav>

<div id="rightSideBar">
    <div id="sideBarToggle" class="threeLines" style="float:right" class="clearfix">
        <div class="horizontal-bar"></div>
        <div class="horizontal-bar"></div>
        <div class="horizontal-bar"></div>
    </div>

    <ul id="right-nav-menu">

    </ul>
</div>

<!-- Main -->
<section id="staticWrapper" class="main">
    <div class="static-inner">
        <header>
            <h2>About our Program</h2>
        </header>
        <div class="content clearfix">
            <div class="left textBlock">
                <p>
                    Tech Diversified is a Seattle-based nonprofit program focused on improving representation in the tech industry for people of color.  We provide adults (18+) with free resources such as technical workshops, non-technical workshops, career counseling, one-on-one mentoring and networking meet-ups. 
                </p>
            </div>
            <!--<div class="left half-width textBlock">-->
                <!--<p>-->
                    <!--Tech Diversified is a quarterly software developer and web design-training program. Classes will be held once (maybe twice) a week for approximately 16 weeks. The program will combine evening in-classroom instruction, hands-on projects, mentorship, guest lecturers, and career counseling. At the end of quarter, students will have real-world insight and exposure to the possibilities in software development and web design-->
                <!--</p>-->
            <!--</div>-->
        </div>
        <div class="horizontal-bar"></div>
        <div class="buttonTable">
            <div id="buttonPanel">
                <a class="tab active" id="tab1">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-technical"></span>
                      <span class="buttonText">Technical Workshops</span>
                    </span>
                </a>
                <a class="tab" id="tab2">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-nontechnical"></span>
                      <span class="buttonText">Non-tech Workshops</span>
                    </span>
                </a>
                <a class="tab" id="tab3">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-careercounseling"></span>
                      <span class="buttonText">Career Counseling</span>
                    </span>
                </a>
                <a class="tab" id="tab4">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-oneonone"></span>
                      <span class="buttonText">One-on-one Mentoring</span>
                    </span>
                </a>
                <a class="tab" id="tab5">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-openlab"></span>
                      <span class="buttonText">Open Lab Study Groups</span>
                    </span>
                </a>
                <a class="tab" id="tab6">
                    <span class="buttonContent">
                      <span class="buttonIcon icon-meetup"></span>
                      <span class="buttonText">Meetup Group</span>
                    </span>
                </a>
            </div>
        </div>
        <div class="content">
            <div id="panel1" class="panel active">
            <p>
                Our series of free technical workshops are taught by experienced industry professionals with the goal of familiarizing participants with modern programming concepts.  We do not currently have the capacity to fully teach people how to code; rather, we want to give participants enough information to decide whether or not to pursue a particular language or framework further.
            </p>
            <div class="galileoMedium" id="workshopExamples">
                Technical workshop examples:
            </div>
                <ul class="list">
                    <li>Introduction to JavaScript</li>
                    <li>Introduction to GitHub</li>
                    <li>Introduction to Node.js</li>
                    <li>Introduction to Mobile Development</li>
                    <li>Introduction to User Experience (UX) and User Interface (UI) Design</li>
                </ul>
                <ul class="list">
                    <li>Learn the Lingo</li>
                    <li>Introduction to Databases</li>
                    <li>Learning how to troubleshoot problems</li>
                    <li>Introduction to Geographic Information Systems (GIS)</li>
                    <li>Create and set up a web page from scratch</li>
                </ul>

            </div>
            <div id="panel2" class="panel">
            <p>
                Perhaps more important to newcomers are non-technical aspects of the technology industry.  Some of the most common requests we get are to describe what to expect in an interview or discuss what it is like to work with a team of developers, or even tips on writing a resume. Our series of non-technical workshops will explain business and communication concepts that can be sometimes overlooked, yet could be the deciding factor between you and another qualified job candidate.
            </p>
                <ul class="list" style="width: 100%;">
                <li>Introduction to Entrepreneurship</li>
                <li>Team Communication</li>
                <li>Understanding software project lifecycle</li>
                <li>Project Estimation</li>
                <li>Introduction to Startups</li>
                <li>Business 101</li>
            </ul>
            </div>
            <div id="panel3" class="panel">
                <p>
                    Tech Diversified’s network includes a professional career counselor, who will be able to help you form a strategy for achieving your goals. In today's competitive job market,  having a professional assess your skill sets, review your resume, and give overall advice is a tremendous advantage.
                </p>
            </div>
            <div id="panel4" class="panel">
                <p>
                    Tech Diversified has a growing network of mentors who are eager to connect with motivated individuals.  Our goal is to match you with a professional who works in your area of interest.  The one-on-one time can be a valuable opportunity for you to ask questions, get advice, review your portfolio, or find out what it is really like to work in the field.
                </p>
            </div>
            <div id="panel5" class="panel">
                <p>
                    Tech Diversified will periodically have an open lab at their space in Ballard staffed by volunteers with knowledge of a variety of programming languages and skills.  We encourage you to stop by with your pet project and ask for help (or just show us what you’re up to!).  Think of it as a place to hang out and ask questions, or just talk shop.
                </p>
            </div>
            <div id="panel6" class="panel">
                <p>
                    The Tech Diversified <a href="http://www.meetup.com/Tech-Diversified" target="_blank">Meetup</a> group meets monthly at our workshop space in Ballard. 
                    This Meetup attracts people with a range of interests and experience levels - from those just starting out to people with 20 years of development experience. 
                    We also see educators, marketing and advertising professionals, entrepreneurs and college students.  It’s a great place to come meet other people with similar interests and an excellent opportunity to network with industry professionals.
                </p>
            </div>
        </div>
    </div>
</section>


</div>

<!-- Footer -->
<footer id="footer">

    <!--
         Social Icons

         Use anything from here: http://fortawesome.github.io/Font-Awesome/cheatsheet/)
    -->
    <ul id="footerItems" class="actions">
    </ul>

    <!-- Menu -->
    <ul class="menu">
        <li>&copy; 2014 Tech Diversified. All Rights Reserved.</li>
    </ul>

</footer>
</body>
</html>