Created
August 7, 2013 21:30
-
-
Save filkinsteez/6178912 to your computer and use it in GitHub Desktop.
HTML Generated
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div id="manual"> | |
<div id="stickysteps"> | |
<h3>5</h3> | |
</div> | |
<h1 style="margin-left: 20px;">Your Instructions:</h1> </br> | |
<h2 style="margin-left:20px;"> Step 1</h2> | |
<div class="stepcontainer"> | |
<div class="steptext"> | |
Plug the Samsung EH5300 Power Cable into the wall. | |
</div> | |
<div class="modalbutton"> | |
<a href="#flag-modal" role="button" class="btn btn-danger" data-toggle="modal"><i class="icon-flag icon-white"></i></a> | |
<!-- Modal --> | |
<div class="modal hide fade" id="flag-modal" style="z-index:8000;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal">×</button> | |
<h2>Help us improve by letting us know when we make mistakes.</h2> | |
<em>Please fill in both items</em> | |
</div> | |
<div class="modal-body"> | |
<form accept-charset="UTF-8" action="/flags" class="simple_form new_flag" data-remote="true" id="new_flag" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="l/uNoqVSl5cM4oSkKMRqqSH4u9CYGv45tcBFRiQIttE=" /></div> | |
<div class="control-group select required flag_reason"><label class="select required control-label" for="flag_reason"><abbr title="required">*</abbr> Choose the problem area</label><div class="controls"><select class="select required" id="flag_reason" name="flag[reason]"><option value=""></option> | |
<option value="1">Image</option> | |
<option value="2">Photo Tag</option> | |
<option value="3">Description</option> | |
<option value="4">Other</option></select></div></div> | |
<div class="control-group string required flag_details"><label class="string required control-label" for="flag_details"><abbr title="required">*</abbr> Please describe the problem</label><div class="controls"><input class="string required" id="flag_details" name="flag[details]" size="50" type="text" /></div></div> | |
<div class="control-group hidden flag_step_id"><div class="controls"><input class="hidden" id="flag_step_id" name="flag[step_id]" type="hidden" value="3322" /></div></div> | |
</div> | |
<div class="modal-footer"> | |
<input class="btn btn btn-success" name="commit" type="submit" value="Create Flag" /> | |
</div> | |
</form></div> | |
</div> | |
<!-- end of step.input_contact.present --> | |
<div class="cableimg"> | |
<img alt="Power-cord" class="green" src="http://s3.amazonaws.com/mymanual/cord_types/images/000/000/016/thumb/Power-Cord.jpg?1373411380" /> | |
</div> | |
<span class="o_contact o_contact0" data-pos-x="401" data-pos-y="183" data-pos-width="24" data-pos-height="25" id="spanid0" data-img-width="640" data-index="0"> </span> | |
<div class="productimg"> | |
<div class="image_panel0" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/007/large/electronics_tvs_samsung_led_6100_back.jpg?1373420392" class="fancybox"><img alt="Electronics_tvs_samsung_led_6100_back" class="oconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/007/medium/electronics_tvs_samsung_led_6100_back.jpg?1373420392" /></a> | |
<div class="o_tagmap0"></div> | |
</div> | |
</div> | |
</div> | |
<br><h2 style="margin-left:20px;"> Step 2</h2> | |
<div class="stepcontainer"> | |
<div class="steptext"> | |
Plug the HDMI end of the cable into the Samsung EH5300. Then plug the HDMI end into the Microsoft Xbox 360. | |
</div> | |
<div class="modalbutton"> | |
<a href="#flag-modal" role="button" class="btn btn-danger" data-toggle="modal"><i class="icon-flag icon-white"></i></a> | |
<!-- Modal --> | |
<div class="modal hide fade" id="flag-modal" style="z-index:8000;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal">×</button> | |
<h2>Help us improve by letting us know when we make mistakes.</h2> | |
<em>Please fill in both items</em> | |
</div> | |
<div class="modal-body"> | |
<form accept-charset="UTF-8" action="/flags" class="simple_form new_flag" data-remote="true" id="new_flag" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="l/uNoqVSl5cM4oSkKMRqqSH4u9CYGv45tcBFRiQIttE=" /></div> | |
<div class="control-group select required flag_reason"><label class="select required control-label" for="flag_reason"><abbr title="required">*</abbr> Choose the problem area</label><div class="controls"><select class="select required" id="flag_reason" name="flag[reason]"><option value=""></option> | |
<option value="1">Image</option> | |
<option value="2">Photo Tag</option> | |
<option value="3">Description</option> | |
<option value="4">Other</option></select></div></div> | |
<div class="control-group string required flag_details"><label class="string required control-label" for="flag_details"><abbr title="required">*</abbr> Please describe the problem</label><div class="controls"><input class="string required" id="flag_details" name="flag[details]" size="50" type="text" /></div></div> | |
<div class="control-group hidden flag_step_id"><div class="controls"><input class="hidden" id="flag_step_id" name="flag[step_id]" type="hidden" value="3320" /></div></div> | |
</div> | |
<div class="modal-footer"> | |
<input class="btn btn btn-success" name="commit" type="submit" value="Create Flag" /> | |
</div> | |
</form></div> | |
</div> | |
<span class="i_contact i_contact1" data-pos-x="179" data-pos-y="167" data-pos-width="73" data-pos-height="55" ="spanid1" data-img-width="480" data-index="1"></span> | |
<div class="productimg"> | |
<div class="image_panel1" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/005/large/UN40EH5300Inputs.jpg?1373419416" class="fancybox"><img alt="Un40eh5300inputs" class="iconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/005/medium/UN40EH5300Inputs.jpg?1373419416" /></a> | |
<div class="i_tagmap1"></div> | |
</div> | |
</div> | |
<div class="cableimg"> | |
<img alt="Hdmi_connector-male-ar_5to4-fs_pnr%c2%b00270" class="orange" src="http://s3.amazonaws.com/mymanual/cord_types/images/000/000/003/thumb/HDMI_connector-male-ar_5to4-fs_PNr%C2%B00270.jpg?1373410642" /> | |
</div> | |
<!-- end of step.input_contact.present --> | |
<div class="cableimg"> | |
<img alt="Hdmi_connector-male-ar_5to4-fs_pnr%c2%b00270" class="green" src="http://s3.amazonaws.com/mymanual/cord_types/images/000/000/003/thumb/HDMI_connector-male-ar_5to4-fs_PNr%C2%B00270.jpg?1373410642" /> | |
</div> | |
<span class="o_contact o_contact1" data-pos-x="396" data-pos-y="160" data-pos-width="39" data-pos-height="24" id="spanid1" data-img-width="640" data-index="1"> </span> | |
<div class="productimg"> | |
<div class="image_panel1" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/017/large/Xbox360_HDMI_203W_back.jpg?1373489559" class="fancybox"><img alt="Xbox360_hdmi_203w_back" class="oconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/017/medium/Xbox360_HDMI_203W_back.jpg?1373489559" /></a> | |
<div class="o_tagmap1"></div> | |
</div> | |
</div> | |
</div> | |
<br><h2 style="margin-left:20px;"> Step 3</h2> | |
<div class="stepcontainer"> | |
<div class="steptext"> | |
Plug Microsoft Xbox 360 | |
</div> | |
<div class="modalbutton"> | |
<a href="#flag-modal" role="button" class="btn btn-danger" data-toggle="modal"><i class="icon-flag icon-white"></i></a> | |
<!-- Modal --> | |
<div class="modal hide fade" id="flag-modal" style="z-index:8000;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal">×</button> | |
<h2>Help us improve by letting us know when we make mistakes.</h2> | |
<em>Please fill in both items</em> | |
</div> | |
<div class="modal-body"> | |
<form accept-charset="UTF-8" action="/flags" class="simple_form new_flag" data-remote="true" id="new_flag" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="l/uNoqVSl5cM4oSkKMRqqSH4u9CYGv45tcBFRiQIttE=" /></div> | |
<div class="control-group select required flag_reason"><label class="select required control-label" for="flag_reason"><abbr title="required">*</abbr> Choose the problem area</label><div class="controls"><select class="select required" id="flag_reason" name="flag[reason]"><option value=""></option> | |
<option value="1">Image</option> | |
<option value="2">Photo Tag</option> | |
<option value="3">Description</option> | |
<option value="4">Other</option></select></div></div> | |
<div class="control-group string required flag_details"><label class="string required control-label" for="flag_details"><abbr title="required">*</abbr> Please describe the problem</label><div class="controls"><input class="string required" id="flag_details" name="flag[details]" size="50" type="text" /></div></div> | |
<div class="control-group hidden flag_step_id"><div class="controls"><input class="hidden" id="flag_step_id" name="flag[step_id]" type="hidden" value="3321" /></div></div> | |
</div> | |
<div class="modal-footer"> | |
<input class="btn btn btn-success" name="commit" type="submit" value="Create Flag" /> | |
</div> | |
</form></div> | |
</div> | |
<!-- end of step.input_contact.present --> | |
<div class="cableimg"> | |
<img alt="Power-supply-ac-adapter-for-xbox-360" class="green" src="http://s3.amazonaws.com/mymanual/cord_types/images/000/000/023/thumb/Power-Supply-AC-Adapter-for-Xbox-360.jpg?1374170066" /> | |
</div> | |
<span class="o_contact o_contact2" data-pos-x="40" data-pos-y="134" data-pos-width="59" data-pos-height="44" id="spanid2" data-img-width="640" data-index="2"> </span> | |
<div class="productimg"> | |
<div class="image_panel2" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/017/large/Xbox360_HDMI_203W_back.jpg?1373489559" class="fancybox"><img alt="Xbox360_hdmi_203w_back" class="oconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/017/medium/Xbox360_HDMI_203W_back.jpg?1373489559" /></a> | |
<div class="o_tagmap2"></div> | |
</div> | |
</div> | |
</div> | |
<br><h2 style="margin-left:20px;"> Step 4</h2> | |
<div class="stepcontainer"> | |
<div class="steptext"> | |
Touch the Power Button on the Samsung EH5300 | |
</div> | |
<div class="modalbutton"> | |
<a href="#flag-modal" role="button" class="btn btn-danger" data-toggle="modal"><i class="icon-flag icon-white"></i></a> | |
<!-- Modal --> | |
<div class="modal hide fade" id="flag-modal" style="z-index:8000;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal">×</button> | |
<h2>Help us improve by letting us know when we make mistakes.</h2> | |
<em>Please fill in both items</em> | |
</div> | |
<div class="modal-body"> | |
<form accept-charset="UTF-8" action="/flags" class="simple_form new_flag" data-remote="true" id="new_flag" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="l/uNoqVSl5cM4oSkKMRqqSH4u9CYGv45tcBFRiQIttE=" /></div> | |
<div class="control-group select required flag_reason"><label class="select required control-label" for="flag_reason"><abbr title="required">*</abbr> Choose the problem area</label><div class="controls"><select class="select required" id="flag_reason" name="flag[reason]"><option value=""></option> | |
<option value="1">Image</option> | |
<option value="2">Photo Tag</option> | |
<option value="3">Description</option> | |
<option value="4">Other</option></select></div></div> | |
<div class="control-group string required flag_details"><label class="string required control-label" for="flag_details"><abbr title="required">*</abbr> Please describe the problem</label><div class="controls"><input class="string required" id="flag_details" name="flag[details]" size="50" type="text" /></div></div> | |
<div class="control-group hidden flag_step_id"><div class="controls"><input class="hidden" id="flag_step_id" name="flag[step_id]" type="hidden" value="3324" /></div></div> | |
</div> | |
<div class="modal-footer"> | |
<input class="btn btn btn-success" name="commit" type="submit" value="Create Flag" /> | |
</div> | |
</form></div> | |
</div> | |
<!-- end of step.input_contact.present --> | |
<span class="o_contact o_contact3" data-pos-x="404" data-pos-y="275" data-pos-width="25" data-pos-height="25" id="spanid3" data-img-width="500" data-index="3"> </span> | |
<div class="productimg"> | |
<div class="image_panel3" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/003/large/Samsung-Class-5-Series-UN32EH5300-32-inch-Smart-LED-HDTV-With-50-Gift-Card.jpg?1373418167" class="fancybox"><img alt="Samsung-class-5-series-un32eh5300-32-inch-smart-led-hdtv-with-50-gift-card" class="oconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/003/medium/Samsung-Class-5-Series-UN32EH5300-32-inch-Smart-LED-HDTV-With-50-Gift-Card.jpg?1373418167" /></a> | |
<div class="o_tagmap3"></div> | |
</div> | |
</div> | |
</div> | |
<br><h2 style="margin-left:20px;"> Step 5</h2> | |
<div class="stepcontainer"> | |
<div class="steptext"> | |
Touch the Power Button on the Microsoft Xbox 360 | |
</div> | |
<div class="modalbutton"> | |
<a href="#flag-modal" role="button" class="btn btn-danger" data-toggle="modal"><i class="icon-flag icon-white"></i></a> | |
<!-- Modal --> | |
<div class="modal hide fade" id="flag-modal" style="z-index:8000;"> | |
<div class="modal-header"> | |
<button type="button" class="close" data-dismiss="modal">×</button> | |
<h2>Help us improve by letting us know when we make mistakes.</h2> | |
<em>Please fill in both items</em> | |
</div> | |
<div class="modal-body"> | |
<form accept-charset="UTF-8" action="/flags" class="simple_form new_flag" data-remote="true" id="new_flag" method="post" novalidate="novalidate"><div style="margin:0;padding:0;display:inline"><input name="utf8" type="hidden" value="✓" /><input name="authenticity_token" type="hidden" value="l/uNoqVSl5cM4oSkKMRqqSH4u9CYGv45tcBFRiQIttE=" /></div> | |
<div class="control-group select required flag_reason"><label class="select required control-label" for="flag_reason"><abbr title="required">*</abbr> Choose the problem area</label><div class="controls"><select class="select required" id="flag_reason" name="flag[reason]"><option value=""></option> | |
<option value="1">Image</option> | |
<option value="2">Photo Tag</option> | |
<option value="3">Description</option> | |
<option value="4">Other</option></select></div></div> | |
<div class="control-group string required flag_details"><label class="string required control-label" for="flag_details"><abbr title="required">*</abbr> Please describe the problem</label><div class="controls"><input class="string required" id="flag_details" name="flag[details]" size="50" type="text" /></div></div> | |
<div class="control-group hidden flag_step_id"><div class="controls"><input class="hidden" id="flag_step_id" name="flag[step_id]" type="hidden" value="3323" /></div></div> | |
</div> | |
<div class="modal-footer"> | |
<input class="btn btn btn-success" name="commit" type="submit" value="Create Flag" /> | |
</div> | |
</form></div> | |
</div> | |
<!-- end of step.input_contact.present --> | |
<span class="o_contact o_contact4" data-pos-x="407" data-pos-y="69" data-pos-width="59" data-pos-height="64" id="spanid4" data-img-width="640" data-index="4"> </span> | |
<div class="productimg"> | |
<div class="image_panel4" style="float:left; width:600px; position:relative;"> | |
<a href="http://s3.amazonaws.com/mymanual/images/images/000/000/016/large/Xbox360FrontView.jpg?1373489555" class="fancybox"><img alt="Xbox360frontview" class="oconnection" src="http://s3.amazonaws.com/mymanual/images/images/000/000/016/medium/Xbox360FrontView.jpg?1373489555" /></a> | |
<div class="o_tagmap4"></div> | |
</div> | |
</div> | |
</div> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment