views/index.ejs

   1 <!DOCTYPE html>
   2 <html>
   3
   4
   5
   6   <head>
   7     <%include ../partials/head%>
   8   </head>
   9
  10
  11
  12   <body>
  13
  14
  15     <header>
  16
  17
  18       <%include ../partials/header%>
  19
  20
  21     </header>
  22
  23
  24     <!-- Hero -->
  25     <section class="is-green-striped no-margin no-pading">
  26       <div class="imagebanner">
  27         <div class="imageme">
  28           <img src="/images/josuecut.png" alt="">
  29         </div>
  30         <div class="container has-text-right go-up no-margin no-pading">
  31           <h1 class="title is-2 is-primary-invert"><%= title %></h1>
  32           <h2 class="subtitle is-6 is-primary-invert">Code lover, Network Engineer, Maker.</h2>
  33         </div>
  34       </div>
  35     </section>
  36
  37     <section class="parallax">
  38       <h1 class="title is-1 has-text-centered has-text-primary"> Profile </h1>
  39       <div class="block">
  40         <div class="columns">
  41           <div class="column ">
  42             <article class="message">
  43               <div class="message-header">
  44                 <p>About me</p>
  45               </div>
  46               <div class="message-body"></div>
  47             </article>
  48           </div>
  49
  50           <div class="column ">
  51             <article class="message">
  52               <div class="message-header">
  53                 <p>still dont know</p>
  54               </div>
  55               <div class="message-body"></div>
  56             </article>
  57           </div>
  58
  59           <div class="column ">
  60             <article class="message">
  61               <div class="message-header">
  62                 <p>Details</p>
  63               </div>
  64               <div class="message-body"></div>
  65             </article>
  66           </div>
  67
  68         </div>
  69       </div>
  70     </section>
  71
  72     <section class="no-margin no-pading" >
  73       <article class="message">
  74         <div class="message-header">
  75           <p>EDUCATION</p>
  76           <!--<button class="delete" aria-label="delete"></button>-->
  77         </div>
  78         <div class="message-body colums">
  79
  80           <!--This is a card working as a column in a messa working as container-->
  81           <div class="card column is-half">
  82
  83             <div class="card-content">
  84               <div class="media">
  85                 <div class="media-left">
  86                   <figure class="image is-48x48">
  87                     <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
  88                   </figure>
  89                 </div>
  90                 <div class="media-content">
  91                   <p class="title is-4">John Smith</p>
  92                   <p class="subtitle is-6">@johnsmith</p>
  93                 </div>
  94               </div>
  95
  96               <div class="content">
  97                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  98                 Phasellus nec iaculis mauris. <a>@bulmaio</a>.
  99                 <a href="#">#css</a> <a href="#">#responsive</a>
 100                 <br>
 101                 <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
 102               </div>
 103             </div>
 104           </div>
 105
 106
 107           <!--This is another card working insid-->
 108           <div class="card column is-half">
 109
 110             <div class="card-content">
 111               <div class="media">
 112                 <div class="media-left">
 113                   <figure class="image is-48x48">
 114                     <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
 115                   </figure>
 116                 </div>
 117                 <div class="media-content">
 118                   <p class="title is-4">John Smith</p>
 119                   <p class="subtitle is-6">@johnsmith</p>
 120                 </div>
 121               </div>
 122
 123               <div class="content">
 124                 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
 125                 Phasellus nec iaculis mauris. <a>@bulmaio</a>.
 126                 <a href="#">#css</a> <a href="#">#responsive</a>
 127                 <br>
 128                 <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
 129               </div>
 130             </div>
 131           </div>
 132
 133
 134
 135
 136
 137
 138         </div>
 139       </article>
 140     </section>
 141
 142
 143   </body>
 144
 145
 146
 147   <footer>
 148     <%include ../partials/footer%>
 149   </footer>
 150
 151
 152
 153 </html>