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
  81           <div class="column is-half">
  82           <!--This is a card working as a column in a messa working as container-->
  83           <div class="card">
  84
  85             <div class="card-content">
  86               <div class="media">
  87                 <div class="media-left">
  88                   <figure class="image is-48x48">
  89                     <img src="https://www.pucmm.edu.do/recursos/PublishingImages/Paginas/logos/Logo%20PUCMM%20%28Color%29.png" alt="Placeholder image">
  90                   </figure>
  91                 </div>
  92                 <div class="media-content">
  93                   <p class="title is-4">Pontificia Universidad Catolica Madre y Maestra (PUCMM)</p>
  94                   <p class="subtitle is-6">Jan. 2015 - Jan. 2020</p>
  95                 </div>
  96               </div>
  97
  98               <div class="content">
  99                 <em>Major in Computer Science, Minor in telecommunications (Telematics)</em><br>
 100                 <ul>
 101                   <li>
 102                     Part of the IT section of the “Telematics Engineering Students Committee(CEIT)”.
 103                   </li>
 104                   <li>
 105                     Designed the new board for internal contests, proving to be almost twice as efficient in the first test in our Interuniversity Gaming competition and then the Networking competition.
 106
 107                   </li>
 108                   <li>
 109                     Speaker in the fourth social forum of the university in 2016. With record breaking attendance to that time.
 110                   </li>
 111                 </ul>
 112                 <br>
 113               </div>
 114             </div>
 115           </div>
 116           </div>
 117
 118           <div class="column is-half">
 119           <!--This is another card working insid-->
 120           <div class="card">
 121
 122             <div class="card-content">
 123               <div class="media">
 124                 <div class="media-left">
 125                   <figure class="image is-48x48">
 126                     <img src="https://www.ipisa.edu.do/wp-content/uploads/2018/08/cropped-logo-1.png" alt="Placeholder image">
 127                   </figure>
 128                 </div>
 129                 <div class="media-content">
 130                   <p class="title is-4">Instituto Politecnico Industrial de Santiago (IPISA)</p>
 131                   <p class="subtitle is-6">2010 - 2014</p>
 132                 </div>
 133               </div>
 134
 135               <div class="content">
 136                 <em>Technical Bachelor/High School In Industrial Electronics</em><br>
 137                 <ul>
 138                   <li>Cum Laude with Honors; Cumulative GPA: 3.5/4.0.</li>
 139                   <li>Best in class in every automation/programming class in the curriculum.</li>
 140                   <li>Music director in the theater club. Participated in multiple awarded performances.</li>
 141                 </ul>
 142                 <br>
 143               </div>
 144             </div>
 145           </div>
 146           </div>
 147
 148
 149
 150
 151
 152         </div>
 153       </article>
 154     </section>
 155
 156
 157   </body>
 158
 159
 160
 161   <footer>
 162     <%include ../partials/footer%>
 163   </footer>
 164
 165
 166
 167 </html>