API tools faq
paste
Guest User

Untitled

a guest
Feb 17th, 2016
129
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 4.84 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html>
  3.   <head>
  4.     <title>Freeth - A Passionate Networking Website</title>
  5.     <link rel="stylesheet" href="../static/css/normalize.css">
  6.     <link rel="stylesheet" href="../static/css/index.css">
  7.     <script src="/static/js/jquery-2.2.0.js"></script>
  8.     <script src="/static/js/underscore-1.8.3.js"></script>
  9.     <script src="/static/js/backbone-1.2.3.js"></script>
  10.   </head>
  11.  
  12.   <body>
  13.  
  14.     <header id="top">
  15.       <div id="logo-wrapper">
  16.         <img src="../static/img/logo.png" alt="Logo" id="logo">
  17.       </div>
  18.       <div id="top-links">
  19.         <div id="top-profile-box" class="toplink">
  20.           <div id="top-profile-data-box">
  21.             <div id="top-profile-data-name">Kevin Isaac</div>
  22.             <div id="top-profile-data-passion">Writer</div>
  23.           </div>
  24.           <img id="top-profile-image" src="../static/img/user1.jpg" alt="">
  25.         </div>
  26.         <div id="notification-icon" class="toplink"></div>
  27.         <div id="top-message-icon" class="toplink"></div>
  28.         <div id="logout-icon" class="toplink"></div>
  29.       </div>
  30.     </header>
  31.     <div id="middle">
  32.       <nav id="side-nav">
  33.         <div id="side-nav-top">
  34.           <div class="side-nav-link" id="side-nav-home-link">
  35.             <div class="side-nav-link-img"></div>
  36.             <div class="side-nav-link-title">Home</div>
  37.           </div>
  38.           <div class="side-nav-link" id="side-nav-profile-link">
  39.             <div class="side-nav-link-img"></div>
  40.             <div class="side-nav-link-title">Profile</div>
  41.           </div>
  42.           <div class="side-nav-link" id="side-nav-messages-link">
  43.             <div class="side-nav-link-img"></div>
  44.             <div class="side-nav-link-title">Message</div>
  45.           </div>
  46.           <div class="side-nav-link" id="side-nav-account-link">
  47.             <div class="side-nav-link-img"></div>
  48.             <div class="side-nav-link-title">Account</div>
  49.           </div>
  50.         </div>
  51.       </nav>
  52.       <div id="main-content">
  53.         <!-- Start of page specific HTML -->
  54.  
  55.         <div id="content-title">
  56.           <div class="content-subtitle">Connections</div>
  57.           <div class="content-subtitle">Followers</div>
  58.           <div class="content-subtitle">Followings</div>
  59.         </div>
  60.  
  61.         <div id="content-body">
  62.           <div id="users-box">
  63.             <div id="users-list">No connection</div>
  64.               <!-- Backbone Template Starts -->
  65.               <script type="text/template" id="connections-template"></script>
  66.               <script type="text/template" id="connections-user-template">
  67.                 <div class="user-box-wrapper">
  68.                   <div class="user-box">
  69.                     <div class="user-pic-wrapper">
  70.                       <img src="/static/img/user1.jpg" alt="">
  71.                     </div>
  72.                     <div class="user-data" id="boox">
  73.                       <div class="user-name"><%= name %></div>
  74.                       <div class="user-passion"><%= username %></div>
  75.                       <div class="user-city"><%= email %></div>
  76.                     </div>
  77.                   </div>
  78.                 </div>
  79.               </script>
  80.               <!-- Backbone Template Ends -->
  81.  
  82.  
  83.             <div id="users-side-box">
  84.               <div id="users-box-search">
  85.                 <input id="user-search" type="text" name="">
  86.               </div>
  87.               <div id="user-metadata">
  88.                 <div id="metadata-user-top-box">
  89.                   <div id="metadata-user-image-wrapper">
  90.                     <img src="/static/img/user1.jpg" alt="">
  91.                   </div>
  92.                   <div id="metadata-user-name-box">
  93.                     <div id="metadata-name">Name's Bond</div>
  94.                     <div id="metadata-passion">Assassin</div>
  95.                   </div>
  96.                 </div>
  97.                 <div id="metadata-user-bottom-box">
  98.                   <div class="metadata-user-attribute">
  99.                     <span class="metadata-property">Studied at: </span>
  100.                     <span class="metadata-value">Karunya University </span>
  101.                   </div>
  102.                   <div class="metadata-user-attribute">
  103.                     <span class="metadata-property">Native City: </span>
  104.                     <span class="metadata-value">London</span>
  105.                   </div>
  106.                   <div class="metadata-user-attribute">
  107.                     <span class="metadata-property">Website: </span>
  108.                     <span class="metadata-value">www.007.com</span>
  109.                   </div>
  110.                 </div>
  111.               </div>
  112.             </div>
  113.           </div>
  114.         </div>
  115.  
  116.         <!-- End of page specific HTML -->
  117.       </div>
  118.       <aside id="main-aside">
  119.         Aside one two therr
  120.       </aside>
  121.     </div>
  122.  
  123.     <script src="../static/js/index.min.js"></script>
  124.   </body>
  125. </html>
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!