Download >> Download Doctype svg html5 tutorial
Read Online >> Read Online Doctype svg html5 tutorial
svg path
svg viewbox
svg vs canvas
which plugin is required to use svg tags in html5?svg animation
embed svg in html
svg image example
which of the following is not true about svg graphics?
In this tutorial you will learn how to use HTML5 SVG element to draw vector based Example. Try this code ». ; ;
6 Apr 2018 This tutorial gives you an overview of SVG by explaining all you need to Please note that HTML5 and XHTML require a different syntax for inline SVG images. .. DOCTYPE html> ) but in this case the first form is simpler. 24 May 2017 Here's when they are useful for graphics on an HTML5 webpage. DOCTYPE , version , xmlns , xmlns:xlink what's their purpose, and can I get . For example, SVG's
and <rect> elements are part of its namespace. 1 Apr 2012 html5-with-img-src.html. Below are the most important elements of this example: <!DOCTYPE html> <html> <head> <title>HTML5 SVG Well organized and easy to understand Web building tutorials with lots of The HTML <svg> element is a container for SVG graphics. DOCTYPE html> <html> 10 Nov 2018 Let us dive straight in with a simple example. from (X)HTML should be left off because DTD based SVG validation leads to more problems Complete tutorial on Doctype HTML: discover top tips and tricks on using HTML5 doctype in your projects easily with real-life examples included. With HTML5 you can embed SVG (Scalable Vector Graphics) markup directly into your DOCTYPE html> <html> <head> <script type="text/javascript"> </script>Following is the HTML5 version of an SVG example which would draw a circle DOCTYPE html> <html> <head> <style> #svgelem { position: relative; left: 50%; The following example shows simple SVG content embedded inline as a fragment within a parent XML document. Note the use of XML namespaces to indicate</p>
<a href="https://www.kimbosabe.com/forums/topic/belva-bb5000d-manual/" rel="dofollow">https://www.kimbosabe.com/forums/topic/belva-bb5000d-manual/</a> <a href="https://aceobjects.uk/forums/topic/bmw-2-active-tourer-manual-dexterity/" rel="dofollow">https://aceobjects.uk/forums/topic/bmw-2-active-tourer-manual-dexterity/</a> <a href="http://fightingkorea.ning.com/photo/albums/mrcrayfish-furniture-mod-1-8-tutorial-jilbab" rel="dofollow">http://fightingkorea.ning.com/photo/albums/mrcrayfish-furniture-mod-1-8-tutorial-jilbab</a> <a href="http://luvisart.ning.com/photo/albums/auracle-music-wiki-guide" rel="dofollow">http://luvisart.ning.com/photo/albums/auracle-music-wiki-guide</a> <a href="http://yatanavasatemple.ning.com/photo/albums/bionicle-rahkshi-kaita-instructions-not-included" rel="dofollow">http://yatanavasatemple.ning.com/photo/albums/bionicle-rahkshi-kaita-instructions-not-included</a> <a href="http://generation-g.ning.com/photo/albums/poulan-pro-bvm200vs-spark-plug-gap-guide" rel="dofollow">http://generation-g.ning.com/photo/albums/poulan-pro-bvm200vs-spark-plug-gap-guide</a> <a href="http://generation-g.ning.com/photo/albums/regresi-berganda-spss-20-manual-pdf" rel="dofollow">http://generation-g.ning.com/photo/albums/regresi-berganda-spss-20-manual-pdf</a> <a href="http://generation-g.ning.com/photo/albums/eclipse-helios-java-8-tutorial" rel="dofollow">http://generation-g.ning.com/photo/albums/eclipse-helios-java-8-tutorial</a> <a href="http://generation-g.ning.com/photo/albums/discovery-toys-motor-works-instructions-not-included-movie" rel="dofollow">http://generation-g.ning.com/photo/albums/discovery-toys-motor-works-instructions-not-included-movie</a> <a href="http://genera</p></div>
<p class="share-links clear"><a href="http://www.myspace.com/Modules/PostTo/Pages/?t=Doctype%20svg%20html5%20tutorial&c=Check%20out%20%22Doctype%20svg%20html5%20tutorial%22%20on%20generation%20g&u=http%3A%2F%2Fgeneration-g.ning.com%2Fxn%2Fdetail%2F2490130%3AAlbum%3A93757&l=2" class="post_to_myspace" target="_blank">MySpace</a><br> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
<span class="xg_tweet">
<a href="https://twitter.com/share" class="post_to_twitter twitter-share-button" target="_blank"
data-text="Checking out "Doctype svg html5 tutorial" on generation g:" data-url="http://generation-g.ning.com/photo/albums/doctype-svg-html5-tutorial" data-count="none" data-dnt="true">Tweet</a>
</span>
<br> <a class="post_to_facebook xj_post_to_facebook" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fgeneration-g.ning.com%2Fphoto%2Falbums%2Fdoctype-svg-html5-tutorial%3Fxg_source%3Dfacebookshare&t=" _url="http://generation-g.ning.com/photo/albums/doctype-svg-html5-tutorial?xg_source=facebookshare" _title="" _log="{"module":"photo","page":"album","action":"show"}">Facebook</a>
</p> </div>
</div>
<div class="xg_column xg_span-12 last-child">
<ul class="clist">
</ul>
</div>
</div>
</div>
<div class="xg_module">
<div class="xg_module_body">
<p id="add-comment">Comment</p>
<div class="comment-join">
<h3>You need to be a member of generation g to add comments!</h3>
<p><a href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fphoto%2Falbums%2Fdoctype-svg-html5-tutorial">Join generation g</a></p>
</div>
</div>
<div class="xg_module_body" id="comments" style="display: none" _numComments="0" _scrollTo="">
</div>
<div class="xg_module_foot" id="xj_comments_footer" style="display:none">
<p class="left">
<a class="xg_icon xg_icon-rss" href="http://generation-g.ning.com/photo/albumcomment/feed?attachedTo=2490130%3AAlbum%3A93757&xn_auth=no">RSS</a>
</p>
</div>
</div>
</div>
<div class="xg_column xg_span-4 xg_last xj_classic_sidebar">
<div class="xg_module" id="xg_module_account">
<div class="xg_module_body xg_signup xg_lightborder">
<p>Welcome to<br />generation g</p>
<p class="last-child"><big><strong><a href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fphoto%2Falbums%2Fdoctype-svg-html5-tutorial">Sign Up</a></strong></big><br/>or <a href="http://generation-g.ning.com/main/authorization/signIn?target=http%3A%2F%2Fgeneration-g.ning.com%2Fphoto%2Falbums%2Fdoctype-svg-html5-tutorial" style="white-space:nowrap">Sign In</a></p>
</div>
</div>
<div class="xg_module html_module module_text xg_reset" data-module_name="text"
>
<div class="xg_module_body xg_user_generated">
<p><a href="http://www.copeenvironmental.org" target="_blank"><img border="0" src="http://www.g1013.com/images/sponsors/cope-envir.png" /></a><br />
<br />
<br />
<a target="_blank" href="http://www.menards.com/main/howto.html"><img border="0" src="http://www.g1013.com/images/sponsors/menards-how.jpg" /></a></p>
<!--<p align="center"><br />
<script type="text/javascript">
google_ad_client = "ca-pub-1832211134508134";
/* generationg - sidebar */
google_ad_slot = "5048255284";
google_ad_width = 160;
google_ad_height = 600;
</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script> </p>-->
</div>
</div>
<div class="xg_module module_birthdays" >
<div class="xg_module_head">
<h2>Birthdays</h2>
</div>
<div class="xg_module_body">
<h3>Birthdays Today</h3>
<ul class="clist">
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/abusirowrow" title="abusirow row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/abusirowrow">abusirow row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D394lgf95egv7u%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/althomorrow" title="althomor row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/althomorrow">althomor row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D24qmxh71j7rku%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/biflostirow" title="biflosti row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/biflostirow">biflosti row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D1wvl3m9thnf16%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/BillShiphr" title="Bill Shiphr"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/BillShiphr">Bill Shiphr</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D2q50rbb9w47id%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/CynthiaTurner" title="Cynthia Turner"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="https://storage.ning.com/topology/rest/1.0/file/get/3572383817?profile=RESIZE_48X48" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/CynthiaTurner">Cynthia Turner</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D3rdssbn2ynof6%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/DawnWillett" title="Dawn Willett"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1960204758?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/DawnWillett">Dawn Willett</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D2iuv45lzuyb7t%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/delimisorow" title="delimiso row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/delimisorow">delimiso row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D11eupax76tm5v%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/dimosalrow" title="dimosal row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/dimosalrow">dimosal row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D0vpk7m9ct0y6p%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/grikilrow" title="grikil row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/grikilrow">grikil row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D3q27zmodgf7vy%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
<li>
<div class="ib">
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/harsitalrow" title="harsital row"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span> </div>
<div class="tb">
<p>
<span><a href="http://generation-g.ning.com/profile/harsitalrow">harsital row</a></span>
<span><a class="xg_sprite xg_sprite-gift" href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fgifts%2Fitem%2Flist%3Fto%3D1u4tflthsd7zk%26xg_source%3Dbemb">Give a Gift</a> </span>
</p>
</div>
</li>
</ul>
</div></div>
<div class="xg_module module_members">
<div class="xg_module_head">
<h2>Members</h2>
</div>
<div class="xg_module_body body_small" data-module_name="members">
<ul class="clist">
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/LisaBarclay" title="Lisa Barclay"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Hrest" title="Hrest"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Cesar" title="Cesar"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Poulsens" title="Poulsens"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Voodyas" title="Voodyas"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Robertjimmy" title="Robertjimmy"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Quantacom" title="Quantacom"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/12381145884?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/1Solutions" title="1Solutions"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/10614061069?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/ThomasBenks" title="ThomasBenks"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/MaddyWhite" title="Maddy White"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/12356953096?profile=RESIZE_48X48&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/AnnaSokolski" title="AnnaSokolski"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/EvaVarhilion" title="Eva Varhilion"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/AlonsoMosley" title="Alonso Mosley"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/hewiham" title="hewiham"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
<li>
<span class="xg_avatar"><a class="fn url" href="http://generation-g.ning.com/profile/Janinaustinova" title="Janina ustinova"><span class="table_img dy-avatar dy-avatar-48 "><img class="photo photo" src="http://storage.ning.com/topology/rest/1.0/file/get/1979831652?profile=original&width=48&height=48&crop=1%3A1" alt="" /></span></a></span></li>
</ul>
</div>
<div class="xg_module_foot">
<ul>
<li class="right"><a href="http://generation-g.ning.com/profiles/members/">View All</a></li>
</ul>
</div>
</div> <div class="xg_module module_badge">
<div class="xg_module_head">
<h2>Badge</h2>
</div>
<div class="xg_module_body xj_badge_body xj_embed_container" data-module_name="badge" _embedCode="<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/get/flashplayer/current/swflash.cab"
id="badgeSwf" width="100%" height="174" >
<param name="movie" value="http://static.ning.com/socialnetworkmain/widgets/index/swf/badge.swf?xn_version=124632088" />
<param name="quality" value="high" />
<param name="bgcolor" value="#" />
<param name="flashvars" value="hideVisit=1&config=http%3A%2F%2Fgeneration-g.ning.com%2Fmain%2Fbadge%2FshowPlayerConfig%3Fsize%3Dmedium%26v%3D14&backgroundColor=0x&textColor=0x333333" />
<param name="wmode" value="opaque"/>
<param name="allowScriptAccess" value="always" />
<embed
class="xj_badge_embed"
src="http://static.ning.com/socialnetworkmain/widgets/index/swf/badge.swf?xn_version=124632088"
quality=high
bgColor="#"
width="100%"
height="174"
name="badgeSwf"
type="application/x-shockwave-flash"
pluginspage="http://www.macromedia.com/go/getflashplayer"
wmode="opaque"
FlashVars="hideVisit=1&config=http%3A%2F%2Fgeneration-g.ning.com%2Fmain%2Fbadge%2FshowPlayerConfig%3Fsize%3Dmedium%26v%3D14&backgroundColor=0x&textColor=0x333333"
scale="noscale"
allowScriptAccess="always">
</embed>
</object>">
Loading…</div>
<div class="xg_module_foot">
<p class="right"><a href="http://generation-g.ning.com/main/embeddable/list">Get Badge</a></p>
</div>
</div>
</div>
</div>
<div id="xg_foot">
<p class="left">
© 2024 Created by <a href="/profile/G1013">G1013</a>.
Powered by<a class="poweredBy-logo" href="https://www.ning.com/" title="" alt="" rel="dofollow">
<img class="poweredbylogo" width="87" height="15" src="http://static.ning.com/socialnetworkmain/widgets/index/gfx/Ning_MM_footer_wht@2x.png?xn_version=2105418020"
title="Ning Website Builder" alt="Website builder | Create website | Ning.com">
</a> </p>
<p class="right xg_lightfont">
<a href="http://generation-g.ning.com/main/embeddable/list">Badges</a> |
<a href="http://generation-g.ning.com/main/authorization/signUp?target=http%3A%2F%2Fgeneration-g.ning.com%2Fmain%2Findex%2Freport" dojoType="PromptToJoinLink" _joinPromptText="Please sign up or sign in to complete this step." _hasSignUp="true" _signInUrl="http://generation-g.ning.com/main/authorization/signIn?target=http%3A%2F%2Fgeneration-g.ning.com%2Fmain%2Findex%2Freport">Report an Issue</a> |
<a href="http://generation-g.ning.com/main/authorization/termsOfService?previousUrl=http%3A%2F%2Fgeneration-g.ning.com%2Fphoto%2Falbums%2Fdoctype-svg-html5-tutorial">Terms of Service</a>
</p>
</div>
</div>
<div id="xj_baz17246" class="xg_theme"></div>
<div id="xg_overlay" style="display:none;">
<!--[if lte IE 6.5]><iframe></iframe><![endif]-->
</div>
<!--googleoff: all--><noscript>
<style type="text/css" media="screen">
#xg { position:relative;top:120px; }
#xn_bar { top:120px; }
</style>
<div class="errordesc noscript">
<div>
<h3><strong>Hello, you need to enable JavaScript to use generation g.</strong></h3>
<p>Please check your browser settings or contact your system administrator.</p>
<img src="/xn_resources/widgets/index/gfx/jstrk_off.gif" alt="" height="1" width="1" />
</div>
</div>
</noscript><!--googleon: all-->
<script type="text/javascript" src="http://static.ning.com/socialnetworkmain/widgets/lib/core.min.js?xn_version=1651386455"></script> <script>
var sources = ["http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.ui.widget.js?xn_version=202404231005","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.iframe-transport.js?xn_version=202404231005","http:\/\/static.ning.com\/socialnetworkmain\/widgets\/lib\/js\/jquery\/jquery.fileupload.js?xn_version=202404231005","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108862687?profile=original&r=1684135187","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108762698?profile=original&r=1684134888","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108763697?profile=original&r=1684134889","https:\/\/storage.ning.com\/topology\/rest\/1.0\/file\/get\/11108863061?profile=original&r=1684135187"];
var numSources = sources.length;
var heads = document.getElementsByTagName('head');
var node = heads.length > 0 ? heads[0] : document.body;
var onloadFunctionsObj = {};
var createScriptTagFunc = function(source) {
var script = document.createElement('script');
script.type = 'text/javascript';
var currentOnLoad = function() {xg._loader.onLoad(source);};
if (script.readyState) { //for IE (including IE9)
script.onreadystatechange = function() {
if (script.readyState == 'complete' || script.readyState == 'loaded') {
script.onreadystatechange = null;
currentOnLoad();
}
}
} else {
script.onerror = script.onload = currentOnLoad;
}
script.src = source;
node.appendChild(script);
};
for (var i = 0; i < numSources; i++) {
xg._loader.loading(sources[i]);
createScriptTagFunc(sources[i]);
}
</script>
<script type="text/javascript">
if (!ning._) {ning._ = {}}
ning._.compat = { encryptedToken: "<empty>" }
ning._.CurrentServerTime = "2024-05-05T21:16:10+00:00";
ning._.probableScreenName = "";
ning._.domains = {
base: 'ning.com',
ports: { http: '80', ssl: '443' }
};
ning.loader.version = '202404231005'; // DEP-240423_1:c4954c5 33
djConfig.parseWidgets = false;
</script>
<script type="text/javascript">
xg.token = '';
xg.canTweet = false;
xg.cdnHost = 'static.ning.com';
xg.version = '202404231005';
xg.useMultiCdn = true;
xg.staticRoot = 'socialnetworkmain';
xg.xnTrackHost = "coll.ning.com";
xg.cdnDefaultPolicyHost = 'static';
xg.cdnPolicy = [];
xg.global = xg.global || {};
xg.global.currentMozzle = 'photo';
xg.global.userCanInvite = false;
xg.global.requestBase = '';
xg.global.locale = 'en_US';
xg.num_thousand_sep = ",";
xg.num_decimal_sep = ".";
(function() {
dojo.addOnLoad(function() {
if(window.bzplcm) { window.bzplcm.ts('hr'); window.bzplcm._profileSend(); }
});
ning.loader.require('xg.video.index._shared', 'xg.video.video.ShowEmbedToggle', 'xg.gifts.embed.embed', function() { xg._loader.onLoad('xnloader'); });
})(); </script>
<script type="text/javascript" src="http://static.ning.com/socialnetworkmain/widgets/lib/js/thrift/xn_track.min.js?xn_version=2965732102"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-10773118-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script><script>
document.addEventListener("DOMContentLoaded", function () {
if (!dataLayer) {
return;
}
var handler = function (event) {
var element = event.currentTarget;
if (element.hasAttribute('data-track-disable')) {
return;
}
var options = JSON.parse(element.getAttribute('data-track'));
dataLayer.push({
'event' : 'trackEvent',
'eventType' : 'googleAnalyticsNetwork',
'eventCategory' : options && options.category || '',
'eventAction' : options && options.action || '',
'eventLabel' : options && options.label || '',
'eventValue' : options && options.value || ''
});
if (options && options.ga4) {
dataLayer.push(options.ga4);
}
};
var elements = document.querySelectorAll('[data-track]');
for (var i = 0; i < elements.length; i++) {
elements[i].addEventListener('click', handler);
}
});
</script>
</body>
</html>
