pura data de educacion vato
[josuexyz/.git] / views / index.ejs
index 856f2fda10ae54ec44622391a330becf92fca8e8..3253c60d35fa31d7467a28ef0064edaee2044f4c 100644 (file)
       <div class="block">
         <div class="columns">
           <div class="column ">
-            <p class="notification is-light has-text-black">About Me</p>
+            <article class="message">
+              <div class="message-header">
+                <p>About me</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+
           <div class="column ">
-            <p class="notification is-light has-text-black">Second Column</p>
+            <article class="message">
+              <div class="message-header">
+                <p>still dont know</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+          
           <div class="column ">
-            <p class="notification is-light has-text-black">Details</p>
-            <div class="list is-hoverable">
-              <a class="list-item">
-                <strong></strong>
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-              <a class="list-item is-active">
-                <strong></strong> 
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-              <a class="list-item">
-                <strong></strong> 
-              </a>
-            </div>
+            <article class="message">
+              <div class="message-header">
+                <p>Details</p>
+              </div>
+              <div class="message-body"></div>
+            </article>
           </div>
+        
         </div>
       </div>
     </section>
     <section class="no-margin no-pading" >
       <article class="message">
         <div class="message-header">
-          <p>Hello World</p>
-          <button class="delete" aria-label="delete"></button>
+          <p>EDUCATION</p>
+          <!--<button class="delete" aria-label="delete"></button>-->
         </div>
         <div class="message-body colums">
         
           <!--This is a card working as a column in a messa working as container-->
-          <div class="card column">
-            <div class="card-image">
-              <figure class="image is-4by3">
-                <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
-              </figure>
-            </div>
+          <div class="card column is-half">
+            
             <div class="card-content">
               <div class="media">
                 <div class="media-left">
                   <figure class="image is-48x48">
-                    <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
+                    <img src="https://www.pucmm.edu.do/recursos/PublishingImages/Paginas/logos/Logo%20PUCMM%20%28Color%29.png" alt="Placeholder image">
                   </figure>
                 </div>
                 <div class="media-content">
-                  <p class="title is-4">John Smith</p>
-                  <p class="subtitle is-6">@johnsmith</p>
+                  <p class="title is-4">Pontificia Universidad Catolica Madre y Maestra (PUCMM)</p>
+                  <p class="subtitle is-6">Jan. 2015 - Jan. 2020</p>
                 </div>
               </div>
 
               <div class="content">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                Phasellus nec iaculis mauris. <a>@bulmaio</a>.
-                <a href="#">#css</a> <a href="#">#responsive</a>
+                <em>Major in Computer Science, Minor in telecommunications (Telematics)</em><br>
+                <ul>
+                  <li>
+                    Part of the IT section of the “Telematics Engineering Students Committee(CEIT)”.
+                  </li>
+                  <li>
+                    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.
+                  
+                  </li>
+                  <li>
+                    Speaker in the fourth social forum of the university in 2016. With record breaking attendance to that time.
+                  </li>
+                </ul>
                 <br>
-                <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
               </div>
             </div>
           </div>
           
 
           <!--This is another card working insid-->
-          <div class="card column">
-            <div class="card-image">
-              <figure class="image is-4by3">
-                <img src="https://bulma.io/images/placeholders/1280x960.png" alt="Placeholder image">
-              </figure>
-            </div>
+          <div class="card column is-half">
+            
             <div class="card-content">
               <div class="media">
                 <div class="media-left">
                   <figure class="image is-48x48">
-                    <img src="https://bulma.io/images/placeholders/96x96.png" alt="Placeholder image">
+                    <img src="https://www.ipisa.edu.do/wp-content/uploads/2018/08/cropped-logo-1.png" alt="Placeholder image">
                   </figure>
                 </div>
                 <div class="media-content">
-                  <p class="title is-4">John Smith</p>
-                  <p class="subtitle is-6">@johnsmith</p>
+                  <p class="title is-4">Instituto Politecnico Industrial de Santiago (IPISA)</p>
+                  <p class="subtitle is-6">2010 - 2014</p>
                 </div>
               </div>
 
               <div class="content">
-                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-                Phasellus nec iaculis mauris. <a>@bulmaio</a>.
-                <a href="#">#css</a> <a href="#">#responsive</a>
+                <em>Technical Bachelor/High School In Industrial Electronics</em><br>
+                <ul>
+                  <li>Cum Laude with Honors; Cumulative GPA: 3.5/4.0.</li>
+                  <li>Best in class in every automation/programming class in the curriculum.</li>
+                  <li>Music director in the theater club. Participated in multiple awarded performances.</li>
+                </ul>
                 <br>
-                <time datetime="2016-1-1">11:09 PM - 1 Jan 2016</time>
               </div>
             </div>
           </div>