15980e7ad4f439be1cf56aff54b1e264b44ab556
[josuexyz/.git] / 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>