</noscript> <!-- End Google Tag Manager (noscript) --> <a id="skip-nav" class="screenreader-text" href="#main-content">Skip Navigation or Skip to Content</a> <!-- CCE SERVER REFERENCE --> <script language="javascript" type="text/javascript"> </script> <div class="leftNavBack"> <input name="ctl00$Uctopnav1$hdnCartStatus" type="hidden" id="ctl00_Uctopnav1_hdnCartStatus" value="0" /> </div> <!-- END CCE SERVER REFERENCE --> <header class="top-bar topbar-responsive clearfix"> <div class="top-bar-title float-left"> <a class="topbar-responsive-logo" href="https://www.uvu.edu/ce" title="Visit Main Website (opens in new window)" target="_blank"><img src="https://www.campusce.net/uvu/configuration/uvu/img/uvu-mono.svg" style="height: 25px !important;" alt="School Logo" /> <strong>CONTINUING EDUCATION</strong></a> </div> <div class="top-bar-right"> <a href="../search/search2.aspx" title="Advanced Search"><button type="button" class="button hollow topbar-responsive-button"><i class="fas fa-search" aria-hidden="true"></i><span class="show-for-sr">Search Button</span></button></a> </div> </header> <div class="custom-menu"> <ul class="vertical medium-horizontal menu"> <li><a href="https://www.uvu.edu/ce/about-us/index.html" target="_blank"><i class="fi-list"></i> <span>Contact Us</span></a></li> <li><a href="../category/category.aspx"><i class="fi-list"></i> <span>Course Catalog</span></a></li> <li><a href="https://www.uvu.edu/communityed/elder/" target="_blank"><i class="fi-list"></i> <span>Elder Quest</span></a></li> <li><a href="https://www.uvu.edu/ce/units/index.html" target="_blank"><i class="fi-list"></i> <span>CEUS</span></a></li> <li><a href="https://www.uvu.edu/communityed/esl/index.html" target="_blank"><i class="fi-list"></i> <span>ESL</span></a></li> </ul> </div> <div class="hero-section"> <div class="hero-section-text"> <!--<h1>Header</h1> <h5>subtitle about anything you like</h5>--> </div> </div> <form name="aspnetForm" method="post" action="./course.aspx?C=922&pc=4&mc=77&sc=0" id="aspnetForm"> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="02XFXFuf45Dw/FsCp4tkGytGV50UiukqER6B03PsyvzSujrwxiX+Q5ZlXZc/ADSYI74uREw5CwIkjtEfGgAOXPbZd/Tuowiz745HRHotTODJfij805eMVFftqTfd9go6frh3ETJLIlB+L1Xiyce3wIt3JcunEKf5sZfZNibrUXdXO8wicc2jx55dH+G47sKFwV8B1vLojtZ1sS1BwIKhp1/+qsGPg3pXgoShJaQXT38jGsttFAvvZPXFWz5x2IPIFq+l5Gn+xghSvp8NQtjDyZCNWRUy5Sa1xPzx/7ZRazSncuGbVXCoISqm8zeormlrw/GBxuFwM3cXrc3Vw8UiNGQHwNkqbLADaxlzQnBk1/Fqr9dsClwO32f1H4tWW1bVnjwmY/WpQld7Pb8dLO6/uMUcjt/9/bQ8YAk8XtZk/PVP3kuVyvDkjQZFV6FmBt7g5EfqXJNibwUW53bNZuws+QhpNEF1nq94+g2EIBQZktKwwWJeCaFkqn0QR4F6fOXwwnXkElt/Ey6I5itHK9vNTwQij5Yqd7eXjrd1LY5QmQV2fHqKsJnS74GjRWxq01WR4sz3Tzt2U8IgXs+S2eA+F7/27o3H3ZKZNY8N2N1snn5da1dUH1suMYOJ6NDKhd45evBCiqEYVfh2iu3Cg7cKPIco3qWavUq2TkFi5nGPgyq3RzE7jN8i1HiiCwzSjU05zCV4m6D3qIwB1qdHgDpyawLCwO04dTZG2ERuzw1ftH7W4bkTmi2ehPc5g1+LM/h983Pd7bVey3tajZV+ueE2nj/cVfbz6CPWF9ApRDHv5GxDnMWlU+OrP/bHIKE/epAmGjmgJXaQdbfl1a0gU5F9tB83zFVyAF/fzJPLuV68Uepw6q3aNIlWkjcfPSvl7CTzeoW4R7CmYv00giwob57ojCAuXVyQ5bTVzcp4pi02aW44E1lJjgd5jEZiI1H5xIjzj8wfe7QOaeeloOIfFTKgpuc3QddOeqqVoIw9FWTGEVNtw1XcLVLgDCj3VOKws95/IeMZNoyQNARLv6H7LYxPxWJtsOd1W9AfgGnuzYb0akt5ik8GIqGz4opW4C9iSIPyF2vU3A0z0VezZYwxHIaIJxcWkU3jHABf1BZEv06u+Mp9jRG0otbv5fozBBl1+Nw0qu78xfYlKcaQqly4K9nBEzD5nKXP41JNl7tlGxkcPwwKmhfK6WC4j/IMkh1zKyuUoLmtJNu5irRbvFJSSMfsTZezjc21k7b4L9rbYi7Wub182SAcm3Dgxx4XRzhL9eiCLSHQC1rTx91gtreGGi3T9VGKzR+77IoGPmbq3NknlEckxiHH7vXyBvrwksss3zeSYU2dMXnRnJP+Nsfcke8bbeoeJGBDovD1Qeirc9PU2ebCVPrFI4gL1yFjOsIDWIxF7B6ZYxPOdRG+YzgKiCEMjrEo1qKbx2xyI6JJhWcyhUpGRGQq+X4jbWN/N1BP2c31sb3zY4N+euVAmcqIJiv7LKhvqE95sQfQIOvTMGIeuSTRc0IlPKo8T++KbI1AJE2XaWUqPzc4asM+aLOsmV8zJInGT/uEb7X7OzEbcaNsU0KPhPuBt7AajmdQVbd4f/kixI3yHSEkXbVrhqvGOiYeced9yBdndctS3XPczuw5Gxys3QkHHnsKkeQOgZBA5kfXRiUuwEyuEI6v5FhrTLp8TUStsZ9WtvALy3d2Og2unheY3trTc6PoJU5/pFMxX3UuPaaz+ew87sAmDhPANQO4SZaABrwl1c95hOENg5GR0lPGnUBSs/J1FZFnjtZYoyzUFdGP4MA4YC6a0/oQDzDgXeY9xQpJ5cmWCe8ol90p4c+bZcFgtRInFBxL35ThURVnNQA8AT6sfeowZoU/q1GPmA==" /> <script src="/uvu/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvjLdV-jrtFjD4O0RIIhtTlHZywVF3ykQqD8XGkEJ-YdbSXc7M8Qz0SWK-fj8yDVRzll72KnQgs51NzUeDqsBxdf2R-3l8Wh3e1-Rr0XL_0DpOHkd0IpPAeJS_mbbQHIny87qkrZY7bLmvbbTq8uFs7w1&t=2a9d95e3" type="text/javascript"></script> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="4B39941A" /><!-- START CCE FORM --> <section role="region" aria-labelledby="CCESecMenu"> <div id="CCESecMenu"> <div class="row large-unstack"> <div class="large-8 columns"> <div id="top"> <div id="ctl00_Ucpreheader1_divPreHeaderWelcome" class="left" welcomeText="Welcome, "></div> <div id="ctl00_Ucpreheader1_headerNavMenu" class="right"><a id="ctl00_Ucpreheader1_linkPreHdrSignin" signOutText="Sign Out" signOutLink="../account/signout.aspx" href="../account/signin.aspx">Sign In</a><span> | </span><a id="ctl00_Ucpreheader1_hypGoCartIndex" href="../cart/index.aspx">View Cart</a><span> | </span><span> | </span><a id="ctl00_Ucpreheader1_hypFeedback" href="Javascript:feedBack('/uvu/feedBack/feedBack.aspx')">Help</a><span> | </span></div> </div> </div> <div class="large-4 columns"> <ul id="CCEMenu"> <li><a href="../search/search2.aspx" title="Search Catalog"><i class="fas fa-search" aria-hidden="true" aria-label="Search Catalog"></i> Search</a></li> <li><a href="../cart/index.aspx" title="Shopping Cart"><i class="fas fa-shopping-cart" aria-hidden="true" aria-label="Shopping Cart"></i> <span class='badge badge-warning' id='lblCartCount'> 0 </span> Cart</a><input name="hiddencartitems" type="hidden" id="hiddencartitems" value="0" /></li> <li><a href="../account/myaccount.aspx" title="My Account"><i class="fas fa-user-circle" aria-hidden="true" aria-label="My Accout"></i> Account</a></li> </ul> </div> </div> <script type="text/javascript"> function checkcart(name) { var el = FindElement(name); var cartcell = FindElement("lblCartCount"); if (el != null){ cartcell.innerHTML = ' ' + el.value + ' '; } } </script> </div> </section> <main id="main-content"> <div class="row columns large-12 clearfix"><!--START CCE CONTENT--> <div id="CCEContent" class="clearfix"> <div id="CCECatalog" class="clearfix"> <input type="hidden" name="ctl00$hdnMerchantCode" id="ctl00_hdnMerchantCode" /> <script type="text/javascript" language="javascript" src="../include/common.js"></script> <script type="text/javascript" language="javascript" src="../js/httpClient.js"></script> <script language="javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <div id="rightnav"> <style type="text/css"> .style1 { width: 147px; } .style2 { width: 147px; height: 23px; } </style> <table class="extinfo"> <tr> <td class="style2"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkPrint" href="Javascript:coursePrint('922');" target="_self">Print Course information</a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_hlnkEmail" href="Javascript:courseRequest(922);"> Email me when offered</a> </td> </tr> <tr> <td class="style1"> <a id="ctl00_ContentPlaceHolder1_ucCoursePrint_lnkReturn" href="/uvu/">Return to Course Catalog</a> </td> </tr> </table> <br /> </div> <!-- this is the main content --> <div id="ctl00_ContentPlaceHolder1_CourseInfo" class="course-info-wrapper CourseInfo__singleCourse"> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkCatalog" href="/uvu/category/category.aspx"> Course Catalog </a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label1"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkPCat" href="../category/category.aspx?S=4">Youth Camps & Courses</a> <span id="ctl00_ContentPlaceHolder1_ucBC_Label2"> > </span> <a id="ctl00_ContentPlaceHolder1_ucBC_lnkMCat" href="../category/category.aspx?S=77">Youth: Computers</a> <header class="ucCourseInfo"> <h1 class="pageTitle CCEPrimaryHeader pageHeading">PROCREATE WITH IPADS (GRADES 7TH-12TH) <span id="ctl00_ContentPlaceHolder1_ucCourse_lblNewTag" class="attn"></span> </h1> <span id="ctl00_ContentPlaceHolder1_ucCourse_lblDescription" class="para custom-description">Grab your iPad with Stylus pen and let’s get to work! Learn the basics of one of the best digital drawing programs out there. Focus on the basics: setting up files, how layers work, how to use different tools, and how to manipulate images. End every class making a fun image from scratch using Procreate. Download the Procreate app with your Apple ID BEFORE class starts. Bring your iPad charged to class.</span> </header> <div id="ctl00_ContentPlaceHolder1_pnlClass" class="pnlClass"> </div> <div id="ctl00_ContentPlaceHolder1_pnlNoClass" class="attn"> <span>No classes currently available. <a href="javascript:history.go(-1)">Click here</a> to continue searching for courses.</span> </div> </div> <!--main--> <link href="../styles/popup.css" rel="stylesheet" type="text/css" /> <div id="bob" style="" onmouseleave="hidePopupDialog()"> <div id="bobarrow" style="top: 54px; left: -42px;"> <img class="bobArrow transp" src="../images/popup/up-left-combo.png" id="bobarrowulimg" style="display: block;" role="presentation"/> </div> <div id="bobtcap"> <img class="transp" src="../images/popup/topcap1.png" style="width: 290px; height: 23px; display: block;" id="bobtopcap" role="presentation" /> </div> <div class="transp" id="bobtitlebox"> <div class="bobcontentspace"> <div style="float:right"> <img src="../images/popup/xclose.gif" border="0" onclick="hidePopupDialog();" role="presentation" style="cursor:pointer;" /> </div> <div id="bobtitle" style="float:left"> <p>Some Title</p> </div> <div style="clear:both"></div> </div> </div> <div style="position: relative;" class="transp" id="bobinner"> <div class="bobcontentspace" id="bobcontent"> <div style="position: relative;" id="bobsynopsis"> <div id="ctl00_ContentPlaceHolder1_ucPopup_pnlMain"> </div> </div> <br clear="all" /> </div> <br clear="all" style="line-height: 1px; font-size: 1px; height: 1px;" /> </div> <div id="bobbcap"> <img class="transp" src="../images/popup/bottomcap.png" style="width: 290px; height: 31px;" id="bobbottomcap" role="presentation" /></div> </div> <script language=javascript> function showPopupDialog(hyp,hidTitle, hidMessage) { var bobtitle=document.getElementById('bobtitle'); bobtitle.innerHTML=document.getElementById(hidTitle).value; var bobsynopsis=document.getElementById('ctl00_ContentPlaceHolder1_ucPopup_pnlMain'); bobsynopsis.innerHTML=document.getElementById(hidMessage).value; var itemPos = jQuery(hyp).offset(); var posx = itemPos.left + 60; var posy = itemPos.top - 50; //Adjust the popup at the end of the instructor name //posx+=hyp.offsetWidth + 40; //-40 is the left position of #bobarrow as per css //posy-=54; //50 is the top position of #bobarrow as per css var bob=document.getElementById('bob'); if(bob.parentNode!=document.body) { //Required otherwise the popup gets obscured by the page dimensions bob.parentNode.removeChild(bob); document.body.appendChild(bob); } bob.style.left = posx + 'px'; bob.style.top = posy + 'px'; //approx 50 is the size of the titlebox bob.style.visibility='visible'; } function hidePopupDialog() { var bob=document.getElementById('bob'); bob.style.visibility='hidden'; } function getElementLeft(elem) { var xPos = elem.offsetLeft; var tempEl = elem.offsetParent; while (tempEl != null) { xPos += tempEl.offsetLeft; tempEl = tempEl.offsetParent; } return xPos; } function getElementTop(elem) { var yPos = elem.offsetTop; var tempEl = elem.offsetParent; while (tempEl != null) { yPos += tempEl.offsetTop; tempEl = tempEl.offsetParent; } return yPos; } </script> <link href="../../styles/popup.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript"> function PopupAlert(alertType, itemID) { //replace with ajax call //cbAlertPopup.Callback(alertType, itemID); //WaitForCallback(cbAlertPopup.ClientObjectId , 250, "ShowPopup();"); var param = JSON.stringify({ 'alertType': alertType, 'itemID': itemID }); $.ajax({ url: "../controls/Dialog/PopupHelper.aspx/GetPopupContent", type: "POST", dataType: "json", //data: "{ 'alertType': '" + alertType + "',itemID:'" + itemID + "'}", data: param, contentType: "application/json", success: function(response) { if (response.d != '') { ShowPopup(response.d); } }, failure: function(msg) { } }); } function ShowPopup(alertText) { if (alertText != '') { $('#tdContent').html(alertText); $('#divPopup').show(); $('#divPopup').draggable(); } } function HidePopup() { $('#divPopup').hide(); } </script> <link href="../../styles/jquery-ui.min.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script> <style type="text/css"> #divPopup { width: 100%; height: 100%; top: 35%; position: absolute; display: none; } </style> <div id="divPopup" style="display: none"> <table width="458" onmousedown="alertDialog.StartDrag(event);" class="genericPopupHeader" cellpadding="0" cellspacing="0" id="alertDialog"> <tr> <td width="9" height="35" style="background-image: url(../images/genericdialog/top-left.png);"> </td> <td height="35" style="background-image: url(../images/genericdialog/top-mid.png); height: 35px !important;" valign="middle" width="409"> <span style="color: White; font-size: 15px; font-family: Arial; font-weight: bold;"> Alert</span> </td> <td width="40" height="35" valign="top" style="background-image: url(../images/genericdialog/top-right.png);"> <img src="../images/genericdialog/close.png" style="cursor: default; padding-top: 4px;" width="32" height="25" style="margin-top: 4px;" onmousedown="this.src='../images/genericdialog/close-down.png';" onmouseup="this.src='../images/genericdialog/close-hover.png';" onclick="HidePopup();" onmouseover="this.src='../images/genericdialog/close-hover.png';" onmouseout="this.src='../images/genericdialog/close.png';" /> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" class="genericPopup"> <tr> <td width="7" style="background-image: url(../images/genericdialog/left.png);"> </td> <td style="background-color: white; font-size: 12px; font-family: Arial;"> <table width="100%" cellpadding="0" cellspacing="0"> <tr> <td style="padding: 5px; height: 50px; text-align: left; vertical-align: middle" id="tdContent"> </td> </tr> <tr> <td style="background-image: url(../images/genericdialog/bottom_content.gif); height: 41px; padding-right: 10px;" align="right"> <input type='button' onclick='HidePopup();' value='Close' /> </td> </tr> </table> </td> <td width="7" style="background-image: url(../images/genericdialog/right.png)";> </td> </tr> </table> <table cellpadding="0" cellspacing="0" width="458" height="7" class="genericPopupFooter"> <tr> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-left.png" /> </td> <td style="background-image: url(../images/genericdialog/bottom-mid.png);" width="440"> </td> <td width="9" height="7"> <img style="display: block;" src="../images/genericdialog/bottom-right.png" /> </td> </tr> </table> </div> <input name="ctl00$ContentPlaceHolder1$hdnCourses" type="hidden" id="ctl00_ContentPlaceHolder1_hdnCourses" /> </div> <div id="CCECalendar"> </div> <div id="CCESearch"> </div> </div> <div style="height: 50px !important;"> </div> <input name="ctl00$hdnCatalogID" type="hidden" id="ctl00_hdnCatalogID" value="0" /> <script type="text/javascript"> //<![CDATA[ if (typeof checkcart == 'function'){checkcart('ctl00_Uctopnav1_hdnCartStatus');}//]]> </script> </form><!-- END CCE FORM --> </div><!--END CCE CONTENT--> <button onclick="topFunction()" id="topBtn" title="Go to Top"><div><i class="fas fa-angle-up" aria-hidden="true" aria-label="Go to Top"></i><br>TOP</div></button> </main> <footer class="marketing-site-footer"> <div class="row large-unstack"> <div class="large-3 columns"> <span>CONTACT US</span><br><br> UVU LEHI CAMPUS<br> 2912 EXECUTIVE PARKWAY<br> SUITE 130<br> LEHI, UT 84043<br><br> <strong>801.863.8012</strong><br> <a href="mailto:ce@uvu.edu">ce@uvu.edu</a> </div> <div class="large-1 columns footerborder"> </div> <div class="large-3 columns"> <span>CATALOG</span><br><br> <a href="../course/course.aspx?catId=6">COMMUNITY EDUCATION</a><br> <a href="../course/course.aspx?catId=37">PROFESSIONAL EDUCATION</a><br> <a href="../course/course.aspx?catId=38">EXECUTIVE EDUCATION</a><br> <a href="../course/course.aspx?catId=4">YOUTH CAMPS & COURSES</a><br> <a href="../course/course.aspx?catId=62">UVU ATHLETIC CAMPS</a> </div> <div class="large-1 columns footerborder"> </div> <div class="large-4 columns"> <span>UVU LINKS</span><br><br> <a href="https://www.uvu.edu/maps/" target="_blank">MAPS / PARKING</a><br> <a href="https://www.uvu.edu/police/index.html#org" target="_blank">EMERGENCY</a><br> <a href="https://www.uvu.edu/accessibility-services/index.html" target="_blank">ACCESSIBILITY</a><br> <a href="https://www.uvu.edu/equityandtitleix/" target="_blank">TITLE IX / EQUAL OPPORTUNITY</a> </div> </div> <div class="marketing-site-footer-bottom clearfix"> <div class="row large-unstack align-middle clearfix"> <div class="columns large-11 float-center"> <p align="center"><a href="https://goo.gl/maps/9SQ5CSuqAoG1gw6J8" target="_blank">800 WEST UNIVERSITY PARKWAY, OREM, UT 84058</a> (801) 863-8888 © <a href="https://www.uvu.edu/legal/copyright/" target="_blank">UTAH VALLEY UNIVERSITY</a></p> <p align="center"><a href="https://www.uvu.edu/legal/index.html" target="_blank">Terms of Use</a>  <a href="https://www.uvu.edu/legal/privacy.html" target="_blank">Privacy Statement</a>  <a href="https://www.uvu.edu/legal/copyright/copyright-infringement.html" target="_blank">Copyright Complaints</a>  <a href="https://www.uvu.edu/legal/non-discrimination.html" target="_blank">Non-Discrimination</a></p> </div> <div class="columns large-1 float-right"> <img src="https://www.campusce.net/uvu/configuration/uvu/img/uvu-logo-square.png"/> </div> </div> </div> </footer> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="https://dhbhdrzi4tiry.cloudfront.net/cdn/sites/foundation.js"></script> <script> $(document).foundation(); </script> <script src="https://www.uvu.edu/ce/lib/js/_campusce.js"></script> </body> </html>