+ <!-- ~~~~~~~~~ a div for each step ~~~~~~~~~ -->
+ <div id="step-1b" class="step">
+ <div class="sidebar">
+ <ul class="images">
+ <li><img src="//static.fsf.org/nosvn/enc-dev0/img/screenshots/step1b-01-tools-addons.png" alt="Step 1.B: Tools -> Add-ons" /></li>
+ <li><img src="//static.fsf.org/nosvn/enc-dev0/img/screenshots/step1b-02-search.png" alt="Step 1.B: Search Add-ons" /></li>
+ <li><img src="//static.fsf.org/nosvn/enc-dev0/img/screenshots/step1b-03-install.png" alt="Step 1.B: Install Add-ons" /></li>
+ </ul>
+ </div><!-- /.sidebar -->
+ <div class="main">
+ <h3><em>Step 1.b</em> Install the Enigmail plugin for your email program</h3>
+ <p>In your email program's menu, select Add-ons (it may be in the Tools section). Make sure Extensions is selected on the left. Do you see Enigmail? if so, skip this step.</p>
+ <p>If not, search "Enigmail" with the search bar in the upper right. You can take it from here. Restart your email program when you're done.</p>
+ <!-- ~~~~~~~~~ Troubleshooting ~~~~~~~~~ -->
+ <div class="troubleshooting">
+ <h4>Troubleshooting</h4>
+ <dl>
+ <dt>I can't find the menu.</dt>
+ <dd>In many new email programs, the main menu is represented by an image of three stacked horizontal bars.</dd>
+
+ <dt class="feedback">Don't see a solution to your problem?</dt>
+ <dd class="feedback">Please let us know on the <a href="https://libreplanet.org/wiki/GPG_guide/Public_Review">feedback page</a>.</dd>
+ </dl>
+ </div><!-- /.troubleshooting -->
+ </div><!-- End .main -->
+ </div><!-- End #step-1b .step -->
+ </div>
+ </section><!-- End #section1 -->
+
<!-- ~~~~~~~~~ Section 2: Make your keys ~~~~~~~~~ -->
<section class="row" id="section2">
<div>