CINXE.COM

SVG-Editor : Home

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Online SVG Editor"> <title>SVG-Editor : Home</title> <!-- Favicon --> <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/> <!-- Font Awesome --> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet"> <!-- Bootstrap --> <link href="assets/css/bootstrap.min.css" rel="stylesheet"> <!-- Slick slider --> <link href="assets/css/slick.css" rel="stylesheet"> <!-- Theme color --> <link id="switcher" href="assets/css/theme-color/default-theme.css" rel="stylesheet"> <!-- Main Style --> <link href="style.css" rel="stylesheet"> <!-- Fonts --> <!-- Open Sans for body font --> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,400i,600,700,800" rel="stylesheet"> <!-- Montserrat for title --> <link href="//fonts.googleapis.com/css?family=Montserrat" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <!-- Start Header --> <header id="mu-hero" class="" role="banner"> <!-- Start menu --> <nav class="navbar navbar-fixed-top navbar-default mu-navbar"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Logo --> <a class="navbar-brand" href="index.html">SVG Editor</a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav mu-menu navbar-right"> <li><a href="#mu-hero">Home</a></li> <li><a href="#mu-about">Learn</a></li> <li><a href="#mu-schedule">About`</a></li> <li><a href="#mu-sponsors">Developing</a></li> <li><a href="#mu-contact">Contact</a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <!-- End menu --> <div class="mu-hero-overlay"> <div class="container"> <div class="mu-hero-area"> <!-- Start hero featured area --> <div class="mu-hero-featured-area"> <!-- Start center Logo --> <div class="mu-logo-area"> <!-- text based logo --> <a class="mu-logo" href="#">SVG Editor</a> <!-- image based logo --> <!-- <a class="mu-logo" href="#"><img src="assets/images/logo.jpg" alt="logo img"></a> --> </div> <!-- End center Logo --> <div class="mu-hero-featured-content"> <p class="mu-event-date-line">SVG is a royalty-free graphics standard markup language, developed and maintained by the W3C SVG Working Group, used for describing two-dimensional graphics applications and images. </p> </div> </div> <!-- End hero featured area --> </div> </div> </div> </header> <!-- End Header --> <!-- Start main content --> <main role="main"> <!-- Start About --> <main role="main"> <!-- Start About --> <section id="mu-about"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="mu-about-area"> <!-- Start Feature Content --> <div class="row"> <div class="col-md-6"> <div class="mu-about-left"> <img src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/yinyang.svg" alt="Example"> </div> </div> <div class="col-md-6"> <div class="mu-about-right"> <h2>This is an online editor for Scalable Vector Graphics.</h2> <ul><li>Create up to 10 SVG documents stored against your IP address for 3 days with our bronze plan.</li> <li> Login to have your own private store in which to store created SVG documents with our silver plan.</li> <li> Subscribe to have additional tools and upload SVG documents to your store for editing with our gold plan. </li></ul> </div> </div> </div> <!-- End Feature Content --> </div> </div> </div> </div> </section> <!-- End About --> <!-- End About --> <!-- End Video --> <!-- Start Schedule --> <section id="mu-schedule"> <div class="container"> <div class="row"> <div class="colo-md-12"> <div class="mu-schedule-area"> <div class="mu-title-area"> <h2 class="mu-title">About</h2> <p> After over ten years of SVG development and with SVG support of web browsers now becoming much better the time seemed right for an on-line SVG drawing tool aimed at the SVG developer. </p><p> SVG-Editor is not a drawing package with the exporting of SVG documents added as an after-thought. Rather, SVG-Editor is designed explicitly as a tool for SVG developers wishing to draw or modify SVG documents with precise control over the content of the resulting SVG document. </p> <p>SVG-Editor uses a browser's native SVG renderer (or Adobe SVG-Viewer with IE 8) so it is a true WYSIWYG (bugs 'n' all) editor.</p> <p> Features not currently supported by SVG-Editor will be preserved in an edited document but this is a long-term project which will have more sophisticated features added as time goes by. </p> </div> </div> </div> </div> </div> </section> <!-- End Schedule --> <!-- End Register --> <!-- Start Sponsors --> <section id="mu-sponsors"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="mu-sponsors-area"> <div class="mu-title-area"> <h2 class="mu-title">Developing companies</h2> <p>Companies which contribute development time to improving our website and services.</p> </div> <div class="mu-sponsors-content"> <div class="row"> <div class="col-md-2 col-sm-6 col-xs-4"> <div class="mu-sponsors-single"> <p class="text-center"><a href="//www.maid2clean.co.uk/domestic-cleaning/northampton/">Maid2Clean Northampton</a><p> </div> </div><div class="col-md-2 col-sm-6 col-xs-4"> <div class="mu-sponsors-single"> <p class="text-center">Facebook <br>- Daniel Smith</p> </div> </div><div class="col-md-2 col-sm-6 col-xs-4"> <div class="mu-sponsors-single"> <p class="text-center">Apple <br>- John Baker</p> </div> </div> <div class="col-md-2 col-sm-6 col-xs-4"> <div class="mu-sponsors-single"> <p class="text-center">LBD Trading <br>- Laura Read</p> </div> </div> </div> </div> </div> <!-- End spnonsors brand logo --> </div> </div> </div> </div> </section> <!-- End Sponsors --> <!-- Start Contact --> <section id="mu-contact"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="mu-contact-area"> <div class="mu-title-area"> <h2 class="mu-heading-title">Get Involved</h2> <p>We're currently looking for more testers before we rerelease our SVG editor to the masses, contact us to get involved!</p> </div> <!-- Start Contact Content --> <div class="mu-contact-content"> <div class="row"> <div class="col-md-12"> <div class="mu-contact-form-area"> <div id="form-messages"></div> <form id="ajax-contact" method="post" action="mailer.php" class="mu-contact-form"> <div class="form-group"> <input type="text" class="form-control" placeholder="Name" id="name" name="name" required> </div> <div class="form-group"> <input type="email" class="form-control" placeholder="Enter Email" id="email" name="email" required> </div> <div class="form-group"> <textarea class="form-control" placeholder="Message" id="message" name="message" required></textarea> </div> <button type="submit" class="mu-send-msg-btn"><span>SUBMIT</span></button> </form> </div> </div> </div> </div> <!-- End Contact Content --> </div> </div> </div> </div> </section> <!-- End Contact --> </main> <!-- End main content --> <!-- Start footer --> <footer id="mu-footer" role="contentinfo"> <div class="container"> <div class="mu-footer-area"> <div class="mu-footer-top"> </div> <div class="mu-footer-bottom"> <p class="mu-copy-right">Designed by Laura Smith.</p> </div> </div> </div> </footer> <!-- End footer --> <!-- jQuery library --> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <!-- Include all compiled plugins (below), or include individual files as needed --> <!-- Bootstrap --> <script src="assets/js/bootstrap.min.js"></script> <!-- Slick slider --> <script type="text/javascript" src="assets/js/slick.min.js"></script> <!-- Event Counter --> <script type="text/javascript" src="assets/js/jquery.countdown.min.js"></script> <!-- Ajax contact form --> <script type="text/javascript" src="assets/js/app.js"></script> <!-- Custom js --> <script type="text/javascript" src="assets/js/custom.js"></script> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'92e6319e4ba0409c',t:'MTc0NDMyOTUyMy4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10