user-manual

<div class="col-sm-8" id="content">

<h4 class="text-center">User Manual</h4>
<br>
<div id="siji">
<p>
  </p><h3>Accounts</h3>
<p></p>
  <strong>Register a new account</strong>


<p>
</p><ol>
  <li>
    Go to <a href="http://alphasnip.com/"><span>alphasnip.com</span></a>
  </li>
	<li>
    <span>Click</span> <strong>Login</strong>
  </li>
  <li>
    <span>Click</span> <strong>Register: </strong><span>then fill in your name, email, and password</span>
  </li>
  <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
  <li>
    <span>Check your email inbox for the verification link from AlphaSnip. If it's not there, look in your spam inbox</span>
  </li>
  <li>
    <span>Activate your account by clicking</span> <strong>Verify</strong>
  </li>
</ol>
<p></p>
<p>
  <span>Watch this video on registering</span> <a href="https://vimeo.com/165548791"><span>here</span></a>
</p>
<br><hr>

</div>
<div id="loro">
<p>
  </p><h3>Snips</h3>
<p></p>
  <strong>Uploading a Snip</strong>

<ol>
  <li>
    <span>Log in to alphasnip.com</span>
  </li>
  <li>
    <span>Click</span> <strong>Upload Snip</strong>
  </li>
  <li>
    <span>In</span> <strong>Tittle</strong> <span>bar add your Snip's name</span>
  </li>
  <li>
    <span>Add</span> <strong>Tags</strong> <span>showing your Snip's category</span>
  </li>
  <li>
    <span>Add</span> <strong>Version</strong> <span>info for your Snip</span>
  </li>
  <li>
    <span>Add a</span> <strong>Preview Picture</strong> <span>for your Snip</span>
  </li>
  <li>
    <span>Add</span> <strong>Codes</strong> <span>like HTML, CSS, Xbasic, JavaScript etc. to make your Snip function</span>
  </li>
  <li>
    <span>Add to</span> <strong>READ ME</strong> <span>to describe your Snip</span>
  </li>
  <li>
    <span>Add</span> <strong>HELP</strong> <span>instruction</span><strong>s</strong> <span>for setting your Snip</span>
  </li>
  <li>
    <span>Attach your Snip's components, compressed in a zip file</span>
  </li>
  <li>
    <span>Click </span><strong>Submit</strong>
  </li>
</ol>
<p>
  <span>Watch the Snip Upload Demo</span> <a href="https://vimeo.com/165986858"><span>here</span></a>
</p>
<p>
  <strong>Note</strong>
</p>
<ul>
  <li>
    <span>Use connection-string name </span><strong>Northwind</strong>
  </li>
  <li>
    <span>Use</span> <strong>static</strong> <strong>data</strong> <span>or Northwind database for control list and UX components</span>
  </li>
  <li>
    <span>You can download Northwind database from:</span> <a href="https://code.google.com/archive/p/northwindextended/downloads"><span>https://code.google.com/archive/p/northwindextended/downloads</span></a>
  </li>
</ul>
</div>
<div id="telu">
  <strong>Downloading a Snip</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Select a Snip</span>
  </li>
  <li>
    <span>Click</span> <strong>Download</strong> <span>tab and then click</span> <strong>Download</strong> <span>button</span>
  </li>
  <li>
    <span>Click</span> <strong>OK</strong>
  </li>
</ol>
<p>
  <strong>Note</strong>
</p>
<p>
  <span>Extract the downloaded zip file in a folder and read the installation steps in the </span> <strong>HOW TO</strong> <span>tab</span>
</p>
</div>
<div id="papat">
  <strong>Setting up</strong> <strong>Snips</strong>

<ol>
  <li>
    <span>Extract zip file in a folder</span>
  </li>
  <li>
    <span>Put it in Alpha project directory</span>
  </li>
  <li>
    <span>Open component in Alpha</span>
  </li>
  <li>
    <span>Follow steps on</span> <strong>Help</strong> <span>tab section</span>
  </li>
</ol>
<br><hr>

</div>
<div id="limo">
<p>
  </p><h3>General</h3>
<p></p>
  <strong>Editing your profile picture</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account</strong> <span>, then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click on</span> <strong>Edit,</strong> <span>then</span> <strong>General</strong>
  </li>
  <li>
    <span>Click on the</span> <strong>Image,</strong> <span>then</span> <strong>Folder;</strong> <span>select your picture and click</span> <strong>Upload</strong>
  </li>
  <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
<p>
  <span>Note</span>
</p>
<p>
  <span>Use square picture</span>
</p>
</div>
<div id="enem">
  <strong>Editing description</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click on</span> <strong>Edit,</strong> <span>then</span> <strong>General</strong>
  </li>
  <li>
    <span>Click on</span> <strong>Short Description</strong> <span>and edit the text in the box</span>
  </li>
  <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
</div>
<div id="pitu">
  <strong>Editing your name</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click on</span> <strong>Edit,</strong> <span>then</span> <strong>General</strong>
  </li>
  <li>
    <span>Click on</span> <strong>User</strong> <strong>Name</strong> <span>and edit text in the box</span>
  </li>
  <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
<p>
  <span>Note</span>
</p>
<p>
  <span>Filling in General is optional; you can leave it blank</span>
</p>
<br><hr>

</div>
<div id="wolu">
<p>
  </p><h3>Add User Services</h3>
<p></p>
<p>
  <span>Add the services you offer to clients in this section</span>
</p>
  <strong>Editing user services</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click</span> <strong>Edit,</strong> <span>then</span> <strong>Services</strong>
  </li>
  <li>
    <span>Type</span> <strong>Services</strong> <span>in service boxes 1-4</span>
  </li>
  <li>
    <span>Type</span> <strong>Description</strong> <span>of services</span>
  </li>
  <li>
  <span>Set the display setting:</span><br>
              <strong>Yes</strong> <span>to make it visible to other members</span><br>


        <strong>No</strong> <span>to make it invisible.</span>

  </li>
    <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
<br><hr>
</div>
<div id="songo">
<p>
  </p><h3>About</h3>
<p></p>
<p>
  <span>Briefly describe yourself</span>
</p>
  <strong>Editing about</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click</span> <strong>Edit,</strong> <span>then</span> <strong>About Us</strong>
  </li>
  <li>
    <span>Update the text in the box</span>
  </li>
  <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
<br><hr>

</div>
<div id="sepuloh">
<p>
  </p><h3>Contact</h3>
<p></p>
  <strong>Editing contact</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click</span> <strong>Edit,</strong> <span>then</span> <strong>Contact Us</strong>
  </li>
  <li>
    <span>Update each box</span>
  </li>
  <li>
    <span>Set the display setting:</span>
    <br>
      <strong>Yes</strong> <span>to make it visible to other members</span>

    <br>
      <strong>No</strong> <span>to make it invisible</span>

  </li>
    <li>
    <span>Click</span> <strong>Submit</strong>
  </li>
</ol>
<br><hr>

</div>
<div id="sewelas">
<p>
  </p><h3>Portfolios</h3>
<p></p>
  <strong>Adding</strong> <strong>a</strong> <strong>portfolio</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click</span> <strong>Edit,</strong> <span>then</span> <strong>New</strong> <strong>Portfolio</strong>
  </li>
  <li>
    <span>Update each row of information</span>
  </li>
  <li>
    <span>Click</span> <strong>Upload Image</strong> <span>to upload your company logo</span>
  </li>
  <li>
    <span>Click</span> <strong>Save</strong> <span>to submit</span>
  </li>
</ol>
</div>
<div id="rolas">
  <strong>Editing a portfolio</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click the</span> <strong>Portfolio</strong> <span>to be edited</span>
  </li>
  <li>
    <span>Edit the information in each row</span>
  </li>
  <li>
    <span>Click</span> <strong>Upload Image</strong> <span>to change the portfolio's image</span>
  </li>
  <li>
    <span>Click</span> <strong>Save</strong> <span>to submit</span>
  </li>
</ol>
<p>
  <span>Note</span>
</p>
<p>
  <span>You need to refresh your page to see the change</span>
</p>
</div>
<div id="telulas">
  <strong>Deleting a portfolio</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on</span> <strong>Account,</strong> <span>then</span> <strong>Profile</strong>
  </li>
  <li>
    <span>Click the</span> <strong>Portfolio</strong> <span>to be deleted</span>
  </li>
  <li>
    <span>Click on</span> <strong>x</strong>
  </li>
  <li>
    <span>Click</span> <strong>Yes</strong> <span>to confirm the deletion</span>
  </li>
</ol>
<br><hr>

</div>
<div id="pabelas">
<p>
  </p><h3>Liking and Bookmarking Snips</h3>
<p></p>
  <strong>Like a Snip</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on a Snip to preview</span>
  </li>
  <li>
    <span>Click on</span> <strong>Like</strong>
  </li>
</ol>
</div>
<div id="limolas">
  <strong>Bookmark a Snip</strong>

<ol>
  <li>
    <span>Sign in to alphasnip.com</span>
  </li>
  <li>
    <span>Click on a Snip to preview</span>
  </li>
  <li>
    <span>Click on</span> <strong>Bookmark</strong>
  </li>
</ol>
<p>
  <br><br>
</p>
</div>
</div>