tpryan/page1.html

## page1.html
<!DOCTYPE html>
<html>
    <!-- This code is only meant for previewing your Reflow design. -->
    <head>
  <link rel="stylesheet" href="boilerplate.css" />
	<link rel="stylesheet" href="page1.css" />
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
	<script>var __adobewebfontsappname__ = "reflow"</script>
	<script src="http://use.edgefonts.net/source-sans-pro:n4,n9,n7,i7,i4,n3,i3,n6,i6,i9,n2,i2:all.js"></script>
    </head>
    <body>

	<div id="primaryContainer" class="primaryContainer clearfix">
               <div id='header' class='clearfix'>
           <div id='Rectangle_1' class='clearfix'>
               <p id='Adobe_Day_'>
               Adobe Day&nbsp;<span id='textspan'>at</span>
               </p>
               <img id='mizzou_png' src='img/mizzou.png' class='image' />
           </div>
       </div>
       <p id='Layer_1'>

       </p>
       <div id='main' class='clearfix'>
           <div id='event' class='clearfix'>
               <div id='box' class='clearfix'>
                   <p id='Event'>
                   Event
                   </p>
                   <img id='cloud_png' src='img/cloud.png' class='image' />
                   <p id='Whether_you_re_an_educator_developing_a_more_engaging_curriculu'>
                   Whether you're an educator developing a more engaging curriculum, an administrator working to improve collaboration, or a student creating projects, portfolios, and resumes, Adobe has the tools you need to stand out in the classroom and beyond. Please join Adobe for a complimentary event as we explore Creative Cloud™ for visual design, web design, and video production supported by a wealth of curricular and professional development resources. <br /><br />Adobe Creative Cloud™ is reshaping the in-demand skills for students preparing for higher education and successful careers ahead.
                   </p>
               </div>
           </div>
           <div id='speakers' class='clearfix'>
               <p id='Speakers'>
               Speakers
               </p>
               <div id='box1' class='clearfix'>
                   <img id='ryan_png' src='img/ryan.png' class='image' />
                   <p id='Ryan_Dietz'>
                   Ryan Dietz
                   </p>
                   <p id='Solutions_Consultant'>
                   Solutions Consultant
                   </p>
               </div>
               <div id='box2' class='clearfix'>
                   <img id='terry_png' src='img/terry.png' class='image' />
                   <p id='Terry_Ryan'>
                   Terry Ryan
                   </p>
                   <p id='Education_Evangelist'>
                   Education Evangelist
                   </p>
               </div>
           </div>
       </div>
       <div id='agenda' class='clearfix'>
           <p id='Agenda'>
           Agenda
           </p>
           <p id='item'>
           <span id='textspan1'>10:00 a.m.–10:30 a.m.</span><span id='textspan2'>	<br />Introduction<br /></span>
           </p>
           <p id='item1'>
           <span id='textspan3'>10:30 a.m.–11:00 a.m.	<br /></span><span id='textspan4'>Overview of Creative Cloud</span>
           </p>
           <p id='item2'>
           <span id='textspan5'>11:00 a.m.–12:00 p.m.	<br /></span><span id='textspan6'>Digital Publishing Suite</span>
           </p>
           <p id='item3'>
           <span id='textspan7'>12:00 p.m.–1:00 p.m.	<br /></span><span id='Span'>Lunch Break</span>
           </p>
           <p id='item4'>
           <span id='textspan8'>1:00 p.m.–1:30 p.m. &nbsp;<br /></span><span id='textspan9'>New tips for Acrobat® XI</span>
           </p>
           <p id='item5'>
           <span id='textspan10'>1:30 p.m.–2:30 p.m. &nbsp;<br /></span><span id='textspan11'>Creative Cloud for the Web</span>
           </p>
       </div>

	</div>
    </body>
</html>

## reflowedit.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<script type="text/javascript">


  // $.fn.changeElementType = function(newType) {
	//     var newElements = [];

	//     $(this).each(function() {
	//         var attrs = {};

	//         $.each(this.attributes, function(idx, attr) {
	//             attrs[attr.nodeName] = attr.nodeValue;
	//         });

	//         var newElement = $("<" + newType + "/>", attrs).append($(this).contents());

	//         $(this).replaceWith(newElement);

	//         newElements.push(newElement);
	//     });

	//     return $(newElements);
	// };


	$(document).ready(function() {
  		parseHTML();
	});


	function parseHTML() {
		$.get("page1.html", parseHTMLSuccess);
	}

	function parseHTMLSuccess(data) {
		console.log(data);
		reflowHTML = jQuery(data);

		console.log(reflowHTML);
		console.log($(reflowHTML).html());
		// headerElement = reflowHTML.find("#header");
		// console.log(headerElement);
		//headerElement.changeElementType("header");
		//console.log(headerElement);
		// HTMLText = jQuery.parseHTML($reflowHTML.find("html"));
		// console.log(HTMLText);
		// $("#display").val(HTMLText);
	}


</script>


<body>


<textarea id="display" style="width:100%;height:700px"></textarea>


</body>
</html>
	<!DOCTYPE html>
	<html>
	<!-- This code is only meant for previewing your Reflow design. -->
	<head>
	<link rel="stylesheet" href="boilerplate.css" />
	<link rel="stylesheet" href="page1.css" />
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
	<script>var __adobewebfontsappname__ = "reflow"</script>
	<script src="http://use.edgefonts.net/source-sans-pro:n4,n9,n7,i7,i4,n3,i3,n6,i6,i9,n2,i2:all.js"></script>
	</head>
	<body>

	<div id="primaryContainer" class="primaryContainer clearfix">
	<div id='header' class='clearfix'>
	<div id='Rectangle_1' class='clearfix'>
	<p id='Adobe_Day_'>
	Adobe Day <span id='textspan'>at</span>
	</p>
	<img id='mizzou_png' src='img/mizzou.png' class='image' />
	</div>
	</div>
	<p id='Layer_1'>

	</p>
	<div id='main' class='clearfix'>
	<div id='event' class='clearfix'>
	<div id='box' class='clearfix'>
	<p id='Event'>
	Event
	</p>
	<img id='cloud_png' src='img/cloud.png' class='image' />
	<p id='Whether_you_re_an_educator_developing_a_more_engaging_curriculu'>
	Whether you're an educator developing a more engaging curriculum, an administrator working to improve collaboration, or a student creating projects, portfolios, and resumes, Adobe has the tools you need to stand out in the classroom and beyond. Please join Adobe for a complimentary event as we explore Creative Cloud™ for visual design, web design, and video production supported by a wealth of curricular and professional development resources. <br /><br />Adobe Creative Cloud™ is reshaping the in-demand skills for students preparing for higher education and successful careers ahead.
	</p>
	</div>
	</div>
	<div id='speakers' class='clearfix'>
	<p id='Speakers'>
	Speakers
	</p>
	<div id='box1' class='clearfix'>
	<img id='ryan_png' src='img/ryan.png' class='image' />
	<p id='Ryan_Dietz'>
	Ryan Dietz
	</p>
	<p id='Solutions_Consultant'>
	Solutions Consultant
	</p>
	</div>
	<div id='box2' class='clearfix'>
	<img id='terry_png' src='img/terry.png' class='image' />
	<p id='Terry_Ryan'>
	Terry Ryan
	</p>
	<p id='Education_Evangelist'>
	Education Evangelist
	</p>
	</div>
	</div>
	</div>
	<div id='agenda' class='clearfix'>
	<p id='Agenda'>
	Agenda
	</p>
	<p id='item'>
	<span id='textspan1'>10:00 a.m.–10:30 a.m.</span><span id='textspan2'> <br />Introduction<br /></span>
	</p>
	<p id='item1'>
	<span id='textspan3'>10:30 a.m.–11:00 a.m. <br /></span><span id='textspan4'>Overview of Creative Cloud</span>
	</p>
	<p id='item2'>
	<span id='textspan5'>11:00 a.m.–12:00 p.m. <br /></span><span id='textspan6'>Digital Publishing Suite</span>
	</p>
	<p id='item3'>
	<span id='textspan7'>12:00 p.m.–1:00 p.m. <br /></span><span id='Span'>Lunch Break</span>
	</p>
	<p id='item4'>
	<span id='textspan8'>1:00 p.m.–1:30 p.m.  <br /></span><span id='textspan9'>New tips for Acrobat® XI</span>
	</p>
	<p id='item5'>
	<span id='textspan10'>1:30 p.m.–2:30 p.m.  <br /></span><span id='textspan11'>Creative Cloud for the Web</span>
	</p>
	</div>

	</div>
	</body>
	</html>