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