<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8">        <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9">               <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js">                      <!--<![endif]-->
<head>
    <meta charset="utf-8">

    <title>Technocamps yn cynnal y gweithdy cyntaf yn Sir Benfro i dechnolegwyr ifanc uchelgeisiol</title>

    <link type="text/css" rel="stylesheet" href="/_assets/css/general/basic.css" />
    <link rel="canonical" href="https://www-2018.swansea.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" /> 





<meta name="viewport" content="width=device-width, initial-scale=1.0;">
<meta property="su:page-type" content="Eitem Newyddion">
<meta property="su:section-id" content="85210">
<meta property="su:last-modified" content="Wed, 25 Jan 2012 14:48:17 GMT" />

    <script type="text/javascript" src="/_assets/vendor/enhance.js"></script>
    <script type="text/javascript">

        var SU =        {
                            customScripts: {
                                preRepositioning:  [],
                                postRepositioning: []
                            }
                        },

            dataLayer = [],

            styles =    [
                            '/_assets/css/general/desktop.css',
                            {
                                href: '/_assets/css/common/ie.css',
                                iecondition: 'all'
                            },
                            {
                                href: '/_assets/css/common/ie7.css',
                                iecondition: 7
                            },
                            {
                                href: '/_assets/css/common/ie8.css',
                                iecondition: 8
                            }
                        ],
        
            scripts =   [
                           '/_assets/js/common/modernizr-jquery.all.min.js'
                        ];
        

        

        

        scripts = scripts.concat([
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.js',
            '/_assets/vendor/jquery-plugins/cycle2/jquery.cycle2.swipe.js',
            '/_assets/vendor/jquery-plugins/auto-complete/jquery.auto-complete.js',
            '/_assets/vendor/mustache.js',
            '/_assets/js/common/console.js',
            '/_assets/js/common/su.js',
            '/_assets/js/common/su/http/link.js',
            '/_assets/js/common/jquery-plugins/jQuery.showCookieMessage.js',
            '/_assets/vendor/jquery-plugins/ba-throttle-debounce/jquery.ba-throttle-debounce.js',
            '/_assets/js/common/jquery-plugins/jQuery.initialiseNavigation.js',
            '/_assets/js/common/jquery-plugins/jQuery.inputClear.js',
            '/_assets/js/general/desktop/enhanceFooterLinks.js',
            '/_assets/js/general/desktop/jQuery.initialiseSplashGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseFeaturedGallery.js',
            '/_assets/js/general/desktop/jQuery.initialiseTabPods.js',
            '/_assets/js/general/desktop/jQuery.initialiseQuadSliders.js',
            '/_assets/js/general/desktop/jQuery.stripeTableRows.js',
            '/_assets/vendor/jquery-plugins/ba-bbq/jquery.ba-bbq.js',
            '/_assets/js/general/desktop/jQuery.initialiseExpanders.js',
            '/_assets/vendor/jquery-plugins/cookie/jquery.cookie.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.easing.1.3.js',
            '/_assets/vendor/jquery-plugins/jBreadCrumb/js/jquery.jBreadCrumb.1.1.js',
            '/_assets/js/general/desktop.js',
            '/_assets/js/precedent/coreFunctions.js'
        ]);

        enhance({
            loadStyles: styles,
            loadScripts: scripts,
            forcePassText: 'Fersiwn gwell',
            forceFailText: 'Fersiwn sylfaenol'
        });
    </script>


</head>

<body id="content" class="layout-general-wrapper">
 

    <div id="general" class="layout-general">

        <!--noindex-->
        <div id="header" class="layout-header">
<h1 id="logo" class="logo">
    <span class="logo-text">Technocamps yn cynnal y gweithdy cyntaf yn Sir Benfro i dechnolegwyr ifanc uchelgeisiol</span>
    <a id="logo-link" href="https://www.swansea.ac.uk/cy/">

        <img class="logo-image" src="/_assets/images/precedent/logo.cy.png" alt="Logo Prifysgol Abertawe" />

    </a>
</h1>
            <div id="skipToContent" class="skip-to-content">
                <a class="skip-to-content-link" tabindex="1" href="#content-items" title="skip to content">Skip to content</a>
            </div>

<div id="globalNavWrapper" class="header-links">
    <ul id="globalNav" class="header-links-list">
    
        <!-- navigation object : SU_audience navigation --><li class="header-links-list-item"><a href="http://myuni.swan.ac.uk/cy/">Myfyrwyr Cyfredol</a></li><li class="header-links-list-item"><a href="https://staff.swansea.ac.uk/cy/">Staff</a></li><li class="header-links-list-item"><a href="http://www.swanseauniversity.com.cn">&#20013;&#25991;</a></li>
        
        
        <li class="header-links-list-item">
            <a href="/press-office/news-archive/2012/technocampsdeliversfirstworkshopinpembrokeshiretoaspiringyoungtechnologists.php">English</a>
        </li>

    </ul>
</div>
            
            <div id="globalSearch" class="global-search-form">
<div class="global-search-form">
	<form action="https://www.swansea.ac.uk/cy/chwilio/">
	  <div>
	    <input type="hidden" name="c" value="swansea-web-cy" />
	    <input
           id="global-search-form-q"
	       type="text"
	       name="q"
	       placeholder="Chwilio Safle"
	       size="31"
	       class="global-search-form-query"
	    />
	    <input class="global-search-form-submit" type="submit" value="EWCH" />
	  </div>
	</form>
</div>

<script class="register-custom-scripts">
(function () {
    SU.customScripts.postRepositioning.push(function () {
    
        var endpoint = 'https://swansea.funnelback.co.uk/s/suggest.json',

            unique = function(arr) {
                var hash = {}, result = [];
                for ( var i = 0, l = arr.length; i < l; ++i ) {
                    if ( !hash.hasOwnProperty(arr[i]) ) {
                        hash[ arr[i] ] = true;
                        result.push(arr[i]);
                    }
                }
                return result;
            },
            
            setHandler = function() {
                $('#global-search-form-q').off().autoComplete({
                    source: function(term, response) {
                        console.log("You typed [" + term + "]");
                        $.getJSON(
                            endpoint,
                            {
                                collection:    'swansea-web-cy',
                                partial_query: term
                            },
                            function(data) {
                                response(unique(data));
                            }
                        );
                    }
                });
            };
    
        console.group('Initialising auto complete');
        window.setTimeout(function () {
            setHandler();
        }, 500);
        
        console.groupEnd();
    });
}());
</script>
            </div>
            
            <div id="naviBar" class="main-nav">
<!-- navigation object : SU_Main_Nav -->

            </div>
        </div>
        <!--endnoindex-->
        
        <div class="layout-container">
            <div id="main" class="layout-content">
                <div id="contentHeader" class="content-header">

                    <!--noindex-->
<div class="breadCrumbHolder module">
    <div class="breadCrumb module">
        <ul>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/cy/" itemprop="url">
                    <span itemprop="title">Hafan</span>
                </a>
            </li>
            <li itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
                <a href="https://www.swansea.ac.uk/cy/swyddfar-wasg/" itemprop="url">
                    <span itemprop="title">Swyddfa'r Wasg</span>
                </a>
            </li>
	</ul>
    </div>
</div>
                    <!--endnoindex-->

                    <h1 class="content-header-heading">Technocamps yn cynnal y gweithdy cyntaf yn Sir Benfro i dechnolegwyr ifanc uchelgeisiol</h1>
                </div>

                <div id="splash-items" class="layout-splash">
                </div>

                <!--noindex-->
                <div class="layout-content-nav">
                    <div id="secondaryNavWrapper"></div>
                </div>
                <!--endnoindex-->

                <div id="content-items" class="layout-content-items content-items">
                    <div class="layout-featured-items">
                    </div>

                    <div class="layout-article-items">
  <div class="share-page-wrapper">
    <div id="share-page" class="share-page">
        <ul class="social-buttons">
            
            <li class="social-button">
                <a class="socialite twitter-share" href="https://twitter.com/share?url=https%3A%2F%2Fcms.swan.ac.uk%2Fcy%2Fswyddfar-wasg%2Farchif-newyddion%2F2012%2Ftechnocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" data-url="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" data-via="SwanseaUni" data-count="none" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Twitter
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                <a class="socialite facebook-like" href="http://www.facebook.com/sharer.php?u=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" data-href="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" data-send="false" data-layout="button_count" data-width="90" data-show-faces="false" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Facebook
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                 <a class="socialite linkedin-share" href="http://www.linkedin.com/shareArticle?mini=true&amp;url=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php&amp;title=2012 " data-url="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" rel="nofollow">
                     <span class="hide">Rhannu ar LinkedIn</span>
                 </a>
             </li>
            
            <li class="social-button">
                <a class="socialite googleplus-one" href="https://plus.google.com/share?url=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" data-size="tall" data-annotation="none" data-count="false" data-href="https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" rel="nofollow">
                    <span class="hide">
                        Rhannu ar Google+
                    </span>
                </a>
            </li>
            
            <li class="social-button">
                <a class="mail-to-friend post" href="mailto:?subject=2012 &body=https://cms.swan.ac.uk/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php">
                    <span class="hide">
                        Ebost
                    </span>
                </a>
            </li>
            
        </ul>    </div>
</div>

<script class="register-custom-scripts">
SU.customScripts.postRepositioning.push(function () {
    $.getScript('/_assets/vendor/jquery-plugins/socialite/socialite.js', function () {
        Socialite.load(document.getElementById('share-page'));
        $('.mail-to-friend').click(function() {
            _gaq = _gaq || [];
            _gaq.push(['_trackSocial', 'Mail to friend', 'Mail']);
        });
    });
});
</script>
  <div class="news-item-fulltext">
<p style="padding: 1.5em; text-align: center; background-color: #ffc266; font-weight: bold">
    Sylwer bod y dudalen hon wedi cael ei harchifo ac nid yw'n cael ei diweddaru mwyach.
</p>
    <p class="news-item-summary">Disgyblion Blwyddyn 8 o Ysgol Penfro yn Bush, Sir Benfro oedd y cyntaf ymhlith 200 o bobl ifanc i gael y cyfle i gymryd rhan mewn gweithdy Technocamps a gynhaliwyd yn gynharach y mis hwn yng Nghanolfan Arloesedd y Bont yn Noc Penfro. </p>

    <div class="news-item-content">
        <p>Mae&rsquo;r gweithdai <em>Scratch</em> a <em>GamesSalad</em> sy&rsquo;n cael eu cynnal gan d&icirc;m Technocamps, Prifysgol Abertawe yn rhoi cyfle i bobl ifanc ddysgu sgiliau cyfrifiadura hanfodol sy&rsquo;n eu galluogi i ddatblygu prosiectau syml, gan ddefnyddio dull rhaglennu llusgo a gosod.</p>
<p>Ymhlith yr ysgolion eraill yn Sir Benfro a fydd hefyd yn elwa o&rsquo;r cynllun mae Ysgol Syr Thomas Picton yn Hwlffordd sy'n cymryd rhan yr wythnos hon a Chlwb ar &ocirc;l Ysgol, Ysgol Dewi Sant, Tyddewi sy&rsquo;n dod y mis nesaf.</p>
<p>Dywedodd Matt Williams, Athro TGCh Ysgol Penfro, &ldquo;Mae Technocamps yn rhoi cyfle ardderchog i ddisgyblion gael profiad ymarferol o raglennu cyfrifiadurol, mae fy nisgyblion ym Mlwyddyn 8 wedi mwynhau defnyddio <em>Scratch</em> a <em>GameSalad</em> i greu amrywiaeth o gemau ac maen nhw bellach yn awyddus i ddechrau Clwb Technocamps yn yr ysgol.&rdquo;</p>
<p>Dywedodd Joe, disgybl ym Mlwyddyn 8 &ldquo;Roedd Technocamps yn ffordd dda iawn i bobl ifanc gael hwyl wrth greu gemau, roedd y diwrnod yn llawn hwyl&rdquo;.</p>
<p>Hyd yn hyn mae prosiect Technocamps eisoes wedi croesawu dros 2500 o bobl ifanc (11-19 oed) trwy&rsquo;i ddrysau ledled ardal gydgyfeirio Cymru ac mae&rsquo;n bwriadu rhoi cyfle i 1500 yn rhagor o bobl ifanc ddatblygu&rsquo;u sgiliau mewn meysydd megis rhaglennu, datblygu apps a dylunio gemau.</p>
<p>Dywedodd Cyfarwyddwr Technocamps, yr Athro Faron Moller, &ldquo;Mae&rsquo;n bwysig bod cynifer &acirc; phosibl o bobl ifanc yn cael y cyfle i fod yn rhan o brosiect Technocamps, felly mae&rsquo;n wych bod ysgolion, colegau a sefydliadau addysgol eraill yn ardal Sir Benfro yn gallu elwa. Mae&rsquo;r sgiliau y maen nhw&rsquo;n eu dysgu yn y gweithdai yn sgiliau cyfrifiadura sylfaenol y mae galw cynyddol amdanyn nhw gan nifer fawr o fusnesau yn y sector digidol.&rdquo; &nbsp;</p>
<p>Yn ystod y tri mis nesaf bydd pobl ifanc o ystod o gefndiroedd gwahanol yn dod i weithdai a sesiynau hyfforddi ledled yr holl brifysgolion partner i fynd i&rsquo;r afael &acirc; <em>GameSalad, Alice, Scratch</em>, &nbsp;<em>App Inventor</em>, Roboteg, datblygu Apps iOS, Moeseg Gemau Cyfrifiadurol, <em>Sketch Patch</em> a<em> </em>thechnoleg wisgadwy<em>.</em></p>
<p>Nod prosiect ITWales sy&rsquo;n cael ei arwain gan Brifysgol Abertawe mewn partneriaeth &acirc; phrifysgolion Aberystwyth, Bangor a Morgannwg yw ysbrydoli pobl ifanc yng Nghymru am gyfrifiadura a&rsquo;u herio i feddwl am y byd o&rsquo;u cwmpas mewn ffordd wahanol.</p>
<p>Ceisia Technocamps ysbrydoli pobl ifanc yng Nghymru am gyfrifiadura a&rsquo;u herio i feddwl am y byd o&rsquo;u cwmpas mewn ffordd wahanol. Rydym yn gwybod bod pobl ifanc yn dysgu sut i ddefnyddio offer TGCh, ond a ydynt yn dysgu am yr elfennau sylfaenol sy&rsquo;n sail i&rsquo;r TGCh y maent yn ei defnyddio? Yr hyn y mae arnom ei eisiau yw iddynt ddod yn grewyr nid defnyddwyr yn unig.</p>
<p>Yn ddiweddar lansiwyd gwefan newydd ryngweithiol y prosiect, <a href="http://www.technocamps.com/">www.technocamps.com</a>, ac mae&rsquo;n cynnwys ardal benodol ar gyfer disgyblion 11-15 oed, 16-19 oed, Athrawon ac Addysgwyr, Busnesau a Technozone rhyngweithiol.</p>
<p>Mae&rsquo;r wefan ar hyn o bryd yn darparu adnoddau ar-lein rhad ac am ddim ar gyfer <em>Scratch, GameSalad </em>ac <em>Alice</em> ac mae rhagor ar y gweill. Bydd hyn yn rhoi&rsquo;r deunydd a&rsquo;r arweiniad y mae eu hangen ar athrawon ac addysgwyr i deimlo&rsquo;n hyderus wrth ddychwelyd i&rsquo;r dosbarth er mwyn i&rsquo;r bobl ifanc barhau i elwa o&rsquo;r sgiliau newydd hyn.</p>
<p>Bydd gwybodaeth ar gael cyn hir sy&rsquo;n rhoi arweiniad ar sut i sefydlu Technoclub, sef gweithgaredd allgyrsiol y gellir ei gynnal amser cinio neu ar &ocirc;l ysgol. Bydd pobl ifanc yn cael nifer o heriau i&rsquo;w cyflawni yn ystod y clwb er mwyn eu hysbrydoli i barhau i ddysgu mewn ffordd hwyliog a chreadigol.</p>
<p>Mae'r wefan hefyd yn hyrwyddo digwyddiadau, gweithgarwch Facebook a Twitter yn ogystal &acirc; Technozone sy&rsquo;n darparu dolenni i gemau a lawrlwythiadau rhad ac am ddim, a&rsquo;r bwriad yw datblygu&rsquo;r ardal hon i arddangos y gwaith mae&rsquo;r bobl ifanc yn ei gynhyrchu yn y gweithdai.</p>
<p>Cefnogir y prosiect gan &pound;3.9 miliwn oddi wrth Gronfa Gymdeithasol Ewrop trwy Lywodraeth Cymru; mae&rsquo;r prosiect yn cyflwyno cyfres o raglenni allgymorth i ysgolion, colegau a darparwyr addysgol eraill yn ardal gydgyfeirio Cymru, gan ysbrydoli pobl ifanc i ystyried pynciau cyfrifiadureg sy&rsquo;n sail i bynciau STEM (Gwyddoniaeth, Technoleg, Peirianneg a Mathemateg). Nod hirdymor Technocamps yw eu hannog i ddilyn gyrfaoedd mewn maes a fydd yn gyrru twf economaidd Cymru.</p>
<p>Mae Technocamps yn cael ei arwain gan Brifysgol Abertawe mewn partneriaeth &acirc; phrifysgolion Aberystwyth, Bangor a Morgannwg.</p>
<p>Am ragor o wybodaeth cysylltwch &acirc; Si&acirc;n Jones, Rheolwr Cyfathrebu ar 01792 606652 neu anfonwch e-bost at <span style="text-decoration: underline;">communications@technocamps.com&nbsp;</span></p>
<p>&nbsp;</p>
    </div>

    <ul class="news-item-post-info-container vcard">
        <li class="news-item-post-info author">
           Postiwyd gan
            <span class="fn">Janis Pickwick</span>
            &lt;<a class="email" href="mailto:j.m.pickwick@swansea.ac.uk">j.m.pickwick@swansea.ac.uk</a>&gt;
        </li>

        <li class="news-item-post-info">
            <a href="/cy/swyddfar-wasg/archif-newyddion/2012/technocampsyncynnalygweithdycyntafynsirbenfroidechnolegwyrifancuchelgeisiol.php" rel="bookmark">
                <abbr class="published" title="2012-10-25T01:00:00+01:00">Dydd Iau 25 Hydref 2012 01.00 BST</abbr>
            </a>
        </li>

        <li class="news-item-post-info updated-container">
            <abbr class="updated" title="2012-10-25T14:59:38+01:00">Dydd Iau 25 Hydref 2012 14.59 BST</abbr>
        </li>

        <li class="news-item-post-info">
        	<span class="fn org">Swansea University</span>, Ff&ocirc;n: <span class="tel">01792 295050</span>
        </li>
    </ul>

</div>

                    </div>

                    <div class="layout-related-items">
                    </div>
                </div>


            </div>

            <!--noindex-->
            <div id="footer" class="layout-footer">
                <ul id="footerLinks" class="footer-links">
<!-- navigation object : SU_footer navigation --><li class="footer-links-list-item"><a href="/cy/y-brifysgol/cysylltuani/">Cysylltwch &acirc; ni</a></li><li class="footer-links-list-item"><a href="/cy/personel/swyddi/">Swyddi</a></li><li class="footer-links-list-item"><a href="/cy/y-brifysgol/colegau/">Colegau</a></li><li class="footer-links-list-item"><a href="/cy/canolfan-y-cyfryngau/">Y Wasg</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/ymwadiad-a-hawlfraint/">Ymwadiad a Hawlfraint</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/map-o'r-safle/">Map o'r Safle</a></li><li class="footer-links-list-item"><a href="/cy/cynnwys/footer/preifatrwyddachwcis/">Preifatrwydd a Chwcis</a></li>
                </ul>

                <div id="footerDisclaimer" class="footer-disclaimer">
                    <p class="footer-disclaimer-text">Mae Prifysgol Abertawe yn elusen gofrestredig. Rhif 1138342.</p>
                </div>
            </div>
            <!--endnoindex-->

        </div>

    </div>


<script id="desktop-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <div class="skip-to-content" id="skipToContent">
            {{{ skipToContent }}}
        </div>

        <h1 id="logo" class="logo">
            {{{ logo }}}
        </h1>

        <div id="globalNavWrapper" class="header-links">
            <ul id="globalNav" class="header-links-list">
                {{{ globalNav }}}
            </ul>
        </div>

        <div id="globalSearch" class="global-search-form">
            {{{ globalSearch }}}
        </div>
                    
        <div id="naviBar" class="main-nav">
            <ul id="mainNav" class="main-nav-list">
                {{{ mainNav }}}
            </ul>
        </div>
    </div>

</script>


<script id="mobile-header-template" type="text/x-tmpl-mustache">

    <div id="header" class="layout-header">
        <span class="layout-menu-bar">
            <a id="layout-menu-bar-toggle" class="layout-menu-bar-toggle" href="#">{{mobile.linksText}}</a>
        </span>

        <a id="logo-link" href="{{mobile.logoLinkHref}}">
            <img class="logo-image" alt="{{mobile.logoAlt}}" src="{{mobile.logoSrc}}" />
        </a>
    </div>

</script>


<script id="desktop-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="secondaryNavWrapper">
             <ul id="secondaryNav" class="content-nav content-nav-items">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="mobile-menu-template" type="text/x-tmpl-mustache">

    <div class="layout-content-nav">
        <div id="globalNavWrapper">
            {{{globalNav}}}
        </div>

        <div id="naviBar">
            {{{mainNav}}}
        </div>

        <div id="secondaryNavWrapper">
             <ul id="secondaryNav">
                 {{{secondaryNav}}}
             </ul>
         </div>
    </div>

</script>


<script id="desktop-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">

        <ul class="tabs-item-list">
{{#tabs}}
            <li class="tabs-item-list-tab-item tabs-pod-tabs-tab-heading">
                <a class="tabs-item-list-tab-item-link" href="#">{{ tabHeading }}</a>
            </li>
{{/tabs}}
        </ul>

{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <div class="tabs-pod-tabs-tab-content">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}

    </div>

</script>


<script id="mobile-tabs-pod-template" type="text/x-tmpl-mustache">

    <h2 class="tabs-pod-title">{{ podTitle }}</h2>
    <div class="tabs-pod-tabs">
{{#tabs}}
        <div class="tabs-pod-tabs-tab">
            <h3 class="tabs-pod-tabs-tab-heading is-collapsed">
                <a href="#">{{ tabHeading }}</a>
            </h3>
            <div class="tabs-pod-tabs-tab-content" style="display: none">
                {{{ tabContent }}}
            </div>
        </div>
{{/tabs}}
    </div>

</script>


</body>

</html>
