the-internet-vagabond-dot-com/doodads/exp.html

63 lines
2.1 KiB
HTML
Raw Normal View History

2015-02-04 21:49:01 +00:00
<!-- FOR INSERT INTO MAIN ELEMENT OF INDEX PAGE -->
<!-- The Internet Vagabond :: Experiences -->
<!-- EXP Subheader area -->
<div class="subheader">
<div class="subheader_title">The Experiences of the Vagabond</div>
<div class="subheader_links">
<div class="subheader_links_link" alt="View my Twitter feed." id="exp_tweets_button" onclick="popupWindow('exp_tweets')">Twitter Feed</div>
<div class="subheader_links_link" alt="View my Google+ feed." id="exp_gplus_button" onclick="popupWindow('exp_gplus')">Google+ Feed</div>
<div class="subheader_links_link" alt="View my favorite links." id="exp_links_button" onclick="popupWindow('exp_links')">Links</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<!-- End About Subheader area -->
<br />
<!-- Experiences Pop-up Window: Tweets, G+, and Links-->
<div class="exp_popup">
<div class="exp_popup_tweets" id="exp_tweets">
<p> THIS IS A GIANT TEST FOR TWITTER </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
<div class="exp_popup_gplus" id="exp_gplus">
<p> THIS IS A GIANT TEST FOR G+ </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
<div class="exp_popup_links" id="exp_links">
<p> THIS IS A GIANT TEST FOR LINKS </p>
<ul>
<li> Cool Link #1 </li>
<li> Cool Link #2 </li>
<li> Cool Link #3 </li>
<li> Cool Link #4 </li>
</ul>
</div>
</div>
<!-- End Adventure Pop-up Window: Links-->
<!-- Content Section -->
<div class="exp_main">
<!-- Experience Log area -->
<div class="exp_list">
<a href="/ramblings/experiences" class="exp_logs_a"><div class="exp_logs_location">Characters</div></a>
<br />
<a href="#" class="exp_logs_a"><div class="exp_logs_location">Portland, OR <br />2011</div></a>
<br />
<a href="#" class="exp_logs_a"><div class="exp_logs_location">The Moon</div></a>
<br />
</div>
<!-- End Adventure Log area -->
<!-- END SECTION -->