"account"
Bootstrap 3.0.0 Snippet by cojahmetov

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <script data-require="jquery@*" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script data-require="bootstrap@3.0.2" data-semver="3.0.2" src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js"></script> <link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet" data-semver="3.0.2" data-require="bootstrap-css@*" /> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body> <div id="header"> <div id="redbar"> <div style="margin-left: 132px; margin-right: 152px;" class="wrap"> <ul style="display: block;" class="logged-in"> <li> <form id="frm-search"> <input type="text" name="search" placeholder="Search bookmarks" class="span3" /> </form> </li> <li> <a href="/mytags" id="btn-mytags">my tags</a> </li> <li> <a href="/" id="btn-addbookmark">add a bookmark</a> </li> <li> <a href="/account" id="btn-account">my account</a> </li> <li> <a href="/logout" id="btn-logout">log out</a> </li> </ul> <ul style="display: none;" class="public"> <li> <a href="/login" id="btn-login">log in</a> </li> </ul> <a href="/" id="btn-home"> <img src="/images/logo.png" alt="bookmarkly" /> </a> </div> </div> </div> <div id="app"> <div class="masonry" style="margin: 100px auto 15px; position: relative; height: 652px; width: 920px;"> <div style="position: absolute; top: 0px; left: 0px;" class="box masonry-brick"> <h2>Account</h2> <div class="wrap"> <div class="inner"> <p>Change your account information</p> <form id="frm-account"> <fieldset> E-mail <br /> <input type="text" name="email" value="cojahmetov@gmail.com" class="span4" /> <br /> <br /> <br /> Username <br /> <input type="text" name="username" value="cojahmetov" class="span4" /> <br /> <br /> <br /> Password <br /> <input type="password" name="password" value="" class="span4" /> <br /> <br /> <br /> <div style="float: right; width: 200px; color: #060; padding-top: 20px" class="account_info"></div> <input type="submit" name="submit" value="Save Changes" class="btn success" /> </fieldset> </form> </div> </div> </div> <div style="position: absolute; top: 0px; left: 460px;" class="box masonry-brick"> <h2>Import</h2> <div class="wrap"> <div class="inner"> <p>Import bookmarks from an HTML file exported by your browser or Delicious</p> <form action="/json/import" id="frm-import" enctype="multipart/form-data" method="POST"> <fieldset> Choose File <br /> <br /> <input type="file" name="file" /> <br /> <br /> <input type="submit" name="submit" value="Upload File" class="btn success" /> <br /> <br /> <div style="#060" class="import_info"></div> </fieldset> </form> </div> </div> </div> <div style="position: absolute; top: 283px; left: 460px;" class="box masonry-brick"> <h2>Helpful Stuff</h2> <div class="wrap"> <div class="inner"> <p>Drag the bookmarklet below into your browser's bookmarks bar, then click it while on any page you want to save. <br /> <br /> <a class="bookmarklet" href="javascript:location.href='http://bookmarkly.com/bookmarklet/?url='+encodeURIComponent(window.location.href)+'&title='+encodeURIComponent(document.title)+'';">Save on Bookmarkly</a> <br /> <br /> If you use Google Chrome, you can <a href="https://chrome.google.com/webstore/detail/ppagffeikbmnffejoljnlbbhibodpegm">download this extension</a> to add a bookmarkly button to your browser's toolbar. <br /> <br /> </p> <ul> <li> <a href="http://windows.microsoft.com/en-US/windows-vista/Import-or-export-favorites-in-Internet-Explorer">How to export favorites in Internet Explorer</a> </li> <li> <a href="http://support.mozilla.org/en-US/kb/Exporting%20bookmarks%20to%20an%20HTML%20file">How to export bookmarks from Mozilla Firefox</a> </li> <li> <a href="http://support.google.com/chrome/bin/answer.py?hl=en&answer=96816">How to export bookmarks from Google Chrome</a> </li> <li> <a href="http://export.delicious.com/settings/bookmarks/export">Direct link to export bookmarks from Delicious</a> </li> </ul> <p></p> </div> </div> </div> </div> </div> <div id="footer"> <div class="wrap"> <div class="inner"> <div style="float: right"> <!-- Begin W3Counter Secure Tracking Code --> <script type="text/javascript" src="https://www.w3counter.com/securetracker.js"></script> <script type="text/javascript"> w3counter(59345); </script> <a href="http://www.w3counter.com"> <img src="https://www.w3counter.com/tracker.php?id=59345&userAgent=Mozilla%2F5.0%20(Windows%20NT%205.1%3B%20rv%3A25.0)%20Gecko%2F20100101%20Firefox%2F25.0&webpageName=bookmarkly&ref=http%3A%2F%2Fpulse2.com%2F2012%2F05%2F24%2Ftwitter-bootstrap-examples%2F6%2F&url=http%3A%2F%2Fbookmarkly.com%2F&width=1280&height=800&depth=24&rand=91" style="border: 0" alt="W3Counter Web Stats" /> </a> <noscript> <div><a href="http://www.w3counter.com"><img src="https://www.w3counter.com/tracker.php?id=59345" style="border: 0" alt="W3Counter" /></a></div> </noscript> <!-- End W3Counter Secure Tracking Code--> </div> <div style="float: right"> Created by <a href="mailto:dan@dangrossman.info">dan@dangrossman.info</a> . Web stats by </div> Copyright © 2012 <a href="http://www.awio.com">Awio Web Services LLC</a> . All rights reserved. </div> </div> </div> <tester id="tagsundefined_tag_autosize_tester" style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 13px; font-family: helvetica; font-weight: 400; letter-spacing: normal; white-space: nowrap;"></tester> <tester id="tags136150_tag_autosize_tester" style="position: absolute; top: -9999px; left: -9999px; width: auto; font-size: 13px; font-family: helvetica; font-weight: 400; letter-spacing: normal; white-space: nowrap;"></tester> </body> </html>

Related: See More

BLK• Design System
Account in Navbar
Nav Account Manager

Questions / Comments: