├── CONTRIBUTING.md
├── LICENSE
├── README.md
├── css
    └── styles.css
├── index.html
└── previews
    ├── Wedding-Planner.png
    ├── coming_soon.png
    ├── cv.png
    ├── dummy.png
    ├── event.png
    ├── hotel.png
    ├── login.png
    ├── product_landing_page.png
    ├── rent.png
    └── tropico.png


/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing Guide
 2 | 
 3 | Please be sure to follow the [Awesome Bulma Templates Community Guidelines](https://github.com/aldi/awesome-bulma-templates/blob/master/.github/CODE_OF_CONDUCT.md).
 4 | 
 5 | ## General Guidelines
 6 | 
 7 | 1. Respect the formats described below.
 8 | 2. Make sure your template is **awesome** and was built with Bulma.
 9 | 3. Be awesome and love open source. :heart_eyes:
10 | 
11 | ## Formats and Naming Conventions
12 | 
13 | - Every Template MUST have the following format: `[Name of Template] Template`.
14 |   - ✔ Landing Page Template.
15 |   - ✖ Template of Landing Page.
16 |   - ✖ Landing Page Website.
17 | - The name should must be in English.
18 | - The project must be updated to the **latest** versions of Bulma etc.
19 | - The template must be placed at the bottom of the list in `README.md` and `index.html`.
20 | - Follow the other templates' structure in `index.html`.
21 | - Your project must be have its own dedicated _repo_.
22 | - The screenshot of the template must be inside the _previews_ folder.
23 | - The dimensions of the template's screenshot must be at `3808 × 2418` (optional).
24 | 
25 | ### License 📜
26 | 
27 | Are you using the MIT License?
28 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright © 2024 aldi
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Awesome Bulma Templates [![Awesome](https://awesome.re/badge-flat2.svg)](https://awesome.re)
 2 | 
 3 | A list of real-world templates made using the Bulma CSS Framework
 4 | 
 5 | ## Check out [Awesome-Bulma](https://github.com/aldi/awesome-bulma) 🎉
 6 | 
 7 | ## Templates 🎨
 8 | 
 9 | Tropico Template: [Live Demo](https://restylianos.github.io/bulma-tropico-template/) | [Source Code](https://github.com/restylianos/bulma-tropico-template)
10 | ![Template Screenshot](previews/tropico.png)
11 | 
12 | Wedding Planner Template: [Live Demo](https://restylianos.github.io/bulma-wedding-planner-template/) | [Source Code](https://github.com/restylianos/bulma-wedding-planner-template/)
13 | ![Template Screenshot](previews/Wedding-Planner.png)
14 | 
15 | Login Page Template: [Live Demo](https://aldi.github.io/bulma-login-template/) | [Source Code](https://github.com/aldi/bulma-login-template/)
16 | ![Template Screenshot](previews/login.png)
17 | 
18 | Product/App Landing Page Template: [Live Demo](http://bulma-template.runkodapps.com/) | [Source Code](https://github.com/hellobetkowski/bulma-product-landing-page-template/)
19 | ![Template Screenshot](previews/product_landing_page.png)
20 | 
21 | CV Template: [Live Demo](https://aldi.github.io/bulma-cv-template/) | [Source Code](https://github.com/aldi/bulma-cv-template/)
22 | ![Template Screenshot](previews/cv.png)
23 | 
24 | Rent Template: [Live Demo](https://aldi.github.io/bulma-rent-template/) | [Source Code](https://github.com/aldi/bulma-rent-template/)
25 | ![Template Screenshot](previews/rent.png)
26 | 
27 | Hotel Template: [Live Demo](https://aldi.github.io/bulma-hotel-template/) | [Source Code](https://github.com/aldi/bulma-hotel-template/)
28 | ![Template Screenshot](previews/hotel.png)
29 | 
30 | Event Participation Template: [Live Demo](https://aldi.github.io/bulma-event-participation-template/) | [Source Code](https://github.com/aldi/bulma-event-participation-template/)
31 | ![Template Screenshot](previews/event.png)
32 | 
33 | Coming Soon Template: [Live Demo](https://aldi.github.io/bulma-coming-soon-template/) | [Source Code](https://github.com/aldi/bulma-event-participation-template/)
34 | ![Template Screenshot](previews/coming_soon.png)
35 | 
36 | Each template has its own dedicated repo. This repo is for showcase purposes only.
37 | 
38 | ## Contributing 😍
39 | 
40 | Do you want to add your awesome template to the list?  
41 | Follow the contribution guide [here](https://github.com/aldi/awesome-bulma-templates/blob/master/CONTRIBUTING.md).
42 | 
43 | ## Licence 📜
44 | 
45 | Code released under [the MIT license](https://github.com/aldi/awesome-bulma-templates/blob/master/LICENSE).
46 | 


--------------------------------------------------------------------------------
/css/styles.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 |   font-family: 'Open Sans', serif;
  4 |   background: #f0f2f4;
  5 | }
  6 | .hero-body {
  7 |   background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
  8 |   background-size: 400% 400%;
  9 |   animation: gradientBG 15s ease infinite;
 10 | }
 11 | @keyframes gradientBG {
 12 |   0% {
 13 |     background-position: 0% 50%;
 14 |   }
 15 |   50% {
 16 |     background-position: 100% 50%;
 17 |   }
 18 |   100% {
 19 |     background-position: 0% 50%;
 20 |   }
 21 | }
 22 | @keyframes slideDown {
 23 |   from {
 24 |     opacity: 0;
 25 |     transform: translateY(-1rem);
 26 |   }
 27 |   to {
 28 |     opacity: 1;
 29 |     transform: translateY(0);
 30 |   }
 31 | }
 32 | .card {
 33 |   margin-bottom: 3rem;
 34 |   border-radius: 15px;
 35 |   animation-duration: 1s;
 36 |   animation-timing-function: cubic-bezier(0, 0.5, 0, 1);
 37 |   animation-fill-mode: both;
 38 | }
 39 | 
 40 | .card-footer-item {
 41 |   font-size: 12px;
 42 |   font-weight: bold;
 43 |   color: #666;
 44 | }
 45 | .card-header {
 46 |   box-shadow: 0 0.125em 0 rgba(10, 10, 10, 0.1);
 47 | }
 48 | .card-header-title {
 49 |   display: block;
 50 | }
 51 | .card-content p {
 52 |   margin-bottom: 2rem;
 53 | }
 54 | .footer {
 55 |   padding: 0;
 56 | }
 57 | .content p:not(:last-child) {
 58 |   margin-bottom: 0;
 59 | }
 60 | .subtitle a {
 61 |   color: #fc60a8;
 62 | }
 63 | 
 64 | .button {
 65 |   height: auto;
 66 | }
 67 | 
 68 | .hero {
 69 |   animation-delay: 0s;
 70 |   -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
 71 |   -moz-animation: fadein 3s; /* Firefox < 16 */
 72 |   -ms-animation: fadein 3s; /* Internet Explorer */
 73 |   -o-animation: fadein 3s; /* Opera < 12.1 */
 74 |   animation: fadein 3s;
 75 | }
 76 | 
 77 | @keyframes fadein {
 78 |   from {
 79 |     opacity: 0;
 80 |   }
 81 |   to {
 82 |     opacity: 1;
 83 |   }
 84 | }
 85 | 
 86 | /* Firefox < 16 */
 87 | @-moz-keyframes fadein {
 88 |   from {
 89 |     opacity: 0;
 90 |   }
 91 |   to {
 92 |     opacity: 1;
 93 |   }
 94 | }
 95 | 
 96 | /* Safari, Chrome and Opera > 12.1 */
 97 | @-webkit-keyframes fadein {
 98 |   from {
 99 |     opacity: 0;
100 |   }
101 |   to {
102 |     opacity: 1;
103 |   }
104 | }
105 | 
106 | /* Internet Explorer */
107 | @-ms-keyframes fadein {
108 |   from {
109 |     opacity: 0;
110 |   }
111 |   to {
112 |     opacity: 1;
113 |   }
114 | }
115 | 
116 | /* Opera < 12.1 */
117 | @-o-keyframes fadein {
118 |   from {
119 |     opacity: 0;
120 |   }
121 |   to {
122 |     opacity: 1;
123 |   }
124 | }
125 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |   <head>
  4 |     <meta charset="utf-8" />
  5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 |     <meta name="author" content="Aldi Duzha" />
  8 |     <meta name="description" content="Free real world templates based on the Bulma CSS Framework" />
  9 |     <meta
 10 |       name="keywords"
 11 |       content="awesome, free, bulma, css, template, templates, websites, pages, rent, cv, hotel, coming, soon, event, participation, login"
 12 |     />
 13 |     <link rel="canonical" href="https://aldi.github.io/awesome-bulma-templates/" />
 14 |     <title>Awesome Bulma templates for Free</title>
 15 |     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" />
 16 |     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.0/css/bulma.min.css" />
 17 |     <link
 18 |       rel="stylesheet"
 19 |       href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5.13.1/css/all.min.css"
 20 |     />
 21 |     <link rel="stylesheet" type="text/css" href="css/styles.css" />
 22 |   </head>
 23 |   <body>
 24 |     <section class="hero is-medium">
 25 |       <div class="hero-body">
 26 |         <div class="container title-container has-text-centered">
 27 |           <h1 class="title">
 28 |             Awesome Bulma Templates
 29 |             <img src="https://awesome.re/badge-flat2.svg" />
 30 |           </h1>
 31 |           <h2 class="subtitle">Based on the <a href="https://bulma.io">Bulma</a> CSS Framework</h2>
 32 |           <a
 33 |             class="github-button"
 34 |             href="https://github.com/aldi/awesome-bulma-templates"
 35 |             data-size="large"
 36 |             aria-label="View aldi/awesome-bulma-templates on GitHub"
 37 |             >View on Github</a
 38 |           >
 39 |           <a
 40 |             class="github-button"
 41 |             href="https://github.com/aldi/awesome-bulma-templates"
 42 |             data-icon="octicon-star"
 43 |             data-size="large"
 44 |             data-show-count="true"
 45 |             aria-label="Star aldi/awesome-bulma-templates on GitHub"
 46 |             >Star</a
 47 |           >
 48 |           <a
 49 |             class="github-button"
 50 |             href="https://github.com/aldi/awesome-bulma-templates/fork"
 51 |             data-size="large"
 52 |             data-show-count="true"
 53 |             aria-label="Fork aldi/awesome-bulma-templates on GitHub"
 54 |             >Fork</a
 55 |           >
 56 |         </div>
 57 |       </div>
 58 |     </section>
 59 |     <div class="container content-wrapper mt-6">
 60 |       <div class="columns is-multiline">
 61 |         <div class="column is-6">
 62 |           <div class="card">
 63 |             <header class="card-header">
 64 |               <p class="card-header-title">
 65 |                 <span>Bulma Tropico</span>
 66 |                 <span class="is-pulled-right">
 67 |                   <span class="tag is-default is-info"
 68 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
 69 |                   ></span>
 70 |                   <span class="tag is-default is-info"
 71 |                     ><i class="fas fa-desktop" title="Desktop support"></i
 72 |                   ></span>
 73 |                   <span class="tag is-primary">0.9.0</span>
 74 |                 </span>
 75 |               </p>
 76 |             </header>
 77 |             <div class="card-content">
 78 |               <figure class="image">
 79 |                 <img src="previews/tropico.png" alt="Tropico template screenshot" />
 80 |               </figure>
 81 |             </div>
 82 |             <footer class="card-footer">
 83 |               <a
 84 |                 class="card-footer-item"
 85 |                 href="https://restylianos.github.io/bulma-tropico-template/"
 86 |                 target="_blank"
 87 |                 >Preview</a
 88 |               >
 89 |               <a
 90 |                 class="card-footer-item"
 91 |                 href="https://github.com/restylianos/bulma-tropico-template"
 92 |                 target="_blank"
 93 |                 >Source code</a
 94 |               >
 95 |             </footer>
 96 |           </div>
 97 |         </div>
 98 |         <div class="column is-6">
 99 |           <div class="card">
100 |             <header class="card-header">
101 |               <p class="card-header-title">
102 |                 <span>Wedding Planner</span>
103 |                 <span class="is-pulled-right">
104 |                   <span class="tag is-success">Updated</span>
105 |                   <span class="tag is-default is-info"
106 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
107 |                   ></span>
108 |                   <span class="tag is-default is-info"
109 |                     ><i class="fas fa-desktop" title="Desktop support"></i
110 |                   ></span>
111 |                   <span class="tag is-primary">0.9.0</span>
112 |                 </span>
113 |               </p>
114 |             </header>
115 |             <div class="card-content">
116 |               <figure class="image">
117 |                 <img
118 |                   src="previews/Wedding-Planner.png"
119 |                   alt="Bulma Wedding Planner Template screenshot"
120 |                 />
121 |               </figure>
122 |             </div>
123 |             <footer class="card-footer">
124 |               <a
125 |                 href="https://restylianos.github.io/bulma-wedding-planner-template/"
126 |                 class="card-footer-item"
127 |                 target="_blank"
128 |                 >Preview</a
129 |               >
130 |               <a
131 |                 href="https://github.com/restylianos/bulma-wedding-planner-template/"
132 |                 class="card-footer-item"
133 |                 target="_blank"
134 |                 >Source Code</a
135 |               >
136 |             </footer>
137 |           </div>
138 |         </div>
139 |         <div class="column is-6">
140 |           <div class="card">
141 |             <header class="card-header">
142 |               <p class="card-header-title">
143 |                 <span>Login</span>
144 |                 <span class="is-pulled-right">
145 |                   <span class="tag is-success">Updated</span>
146 |                   <span class="tag is-default is-info"
147 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
148 |                   ></span>
149 |                   <span class="tag is-default is-info"
150 |                     ><i class="fas fa-desktop" title="Desktop support"></i
151 |                   ></span>
152 |                   <span class="tag is-primary">0.9.0</span>
153 |                 </span>
154 |               </p>
155 |             </header>
156 |             <div class="card-content">
157 |               <figure class="image">
158 |                 <img src="previews/login.png" alt="Login Page template screenshot" />
159 |               </figure>
160 |             </div>
161 |             <footer class="card-footer">
162 |               <a
163 |                 href="https://aldi.github.io/bulma-login-template/"
164 |                 class="card-footer-item"
165 |                 target="_blank"
166 |                 >Preview</a
167 |               >
168 |               <a
169 |                 href="https://github.com/aldi/bulma-login-template/"
170 |                 class="card-footer-item"
171 |                 target="_blank"
172 |                 >Source Code</a
173 |               >
174 |             </footer>
175 |           </div>
176 |         </div>
177 |         <div class="column is-6">
178 |           <div class="card">
179 |             <header class="card-header">
180 |               <p class="card-header-title">
181 |                 <span>Product Landing Page</span>
182 |                 <span class="is-pulled-right">
183 |                   <span class="tag is-default is-info"
184 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
185 |                   ></span>
186 |                   <span class="tag is-default is-info"
187 |                     ><i class="fas fa-desktop" title="Desktop support"></i
188 |                   ></span>
189 |                   <span class="tag is-primary">0.9.0</span>
190 |                 </span>
191 |               </p>
192 |             </header>
193 |             <div class="card-content">
194 |               <figure class="image">
195 |                 <img
196 |                   src="previews/product_landing_page.png"
197 |                   alt="Product/App Landing Page template screenshot"
198 |                 />
199 |               </figure>
200 |             </div>
201 |             <footer class="card-footer">
202 |               <a
203 |                 class="card-footer-item"
204 |                 href="http://bulma-template.runkodapps.com/"
205 |                 target="_blank"
206 |                 >Preview</a
207 |               >
208 |               <a
209 |                 class="card-footer-item"
210 |                 href="https://github.com/hellobetkowski/bulma-product-landing-page-template/"
211 |                 target="_blank"
212 |                 >Source code</a
213 |               >
214 |             </footer>
215 |           </div>
216 |         </div>
217 |         <div class="column is-6">
218 |           <div class="card">
219 |             <header class="card-header">
220 |               <p class="card-header-title">
221 |                 <span>CV</span>
222 |                 <span class="is-pulled-right">
223 |                   <span class="tag is-success">Updated</span>
224 |                   <span class="tag is-default is-info"
225 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
226 |                   ></span>
227 |                   <span class="tag is-default is-info"
228 |                     ><i class="fas fa-desktop" title="Desktop support"></i
229 |                   ></span>
230 |                   <span class="tag is-primary">0.9.0</span>
231 |                 </span>
232 |               </p>
233 |             </header>
234 |             <div class="card-content">
235 |               <figure class="image">
236 |                 <img src="previews/cv.png" alt="CV template screenshot" />
237 |               </figure>
238 |             </div>
239 |             <footer class="card-footer">
240 |               <a
241 |                 class="card-footer-item"
242 |                 href="https://aldi.github.io/bulma-cv-template/"
243 |                 target="_blank"
244 |                 >Preview</a
245 |               >
246 |               <a
247 |                 class="card-footer-item"
248 |                 href="https://github.com/aldi/bulma-cv-template/"
249 |                 target="_blank"
250 |                 >Source code</a
251 |               >
252 |             </footer>
253 |           </div>
254 |         </div>
255 |         <div class="column is-6">
256 |           <div class="card">
257 |             <header class="card-header">
258 |               <p class="card-header-title">
259 |                 <span>Rent</span>
260 |                 <span class="is-pulled-right">
261 |                   <span class="tag is-success">Updated</span>
262 |                   <span class="tag is-default is-info"
263 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
264 |                   ></span>
265 |                   <span class="tag is-default is-info"
266 |                     ><i class="fas fa-desktop" title="Desktop support"></i
267 |                   ></span>
268 |                   <span class="tag is-primary">0.9.0</span>
269 |                 </span>
270 |               </p>
271 |             </header>
272 |             <div class="card-content">
273 |               <figure class="image">
274 |                 <img src="previews/rent.png" alt="Rent template screenshot" />
275 |               </figure>
276 |             </div>
277 |             <footer class="card-footer">
278 |               <a
279 |                 class="card-footer-item"
280 |                 href="https://aldi.github.io/bulma-rent-template/"
281 |                 target="_blank"
282 |                 >Preview</a
283 |               >
284 |               <a
285 |                 class="card-footer-item"
286 |                 href="https://github.com/aldi/bulma-rent-template/"
287 |                 target="_blank"
288 |                 >Source code</a
289 |               >
290 |             </footer>
291 |           </div>
292 |         </div>
293 |         <div class="column is-6">
294 |           <div class="card">
295 |             <header class="card-header">
296 |               <p class="card-header-title">
297 |                 <span>Hotel</span>
298 |                 <span class="is-pulled-right">
299 |                   <span class="tag is-success">Updated</span>
300 |                   <span class="tag is-default is-info"
301 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
302 |                   ></span>
303 |                   <span class="tag is-default is-info"
304 |                     ><i class="fas fa-desktop" title="Desktop support"></i
305 |                   ></span>
306 |                   <span class="tag is-primary">0.9.0</span>
307 |                 </span>
308 |               </p>
309 |             </header>
310 |             <div class="card-content">
311 |               <figure class="image">
312 |                 <img src="previews/hotel.png" alt="Hotel template screenshot" />
313 |               </figure>
314 |             </div>
315 |             <footer class="card-footer">
316 |               <a
317 |                 class="card-footer-item"
318 |                 href="https://aldi.github.io/bulma-hotel-template/"
319 |                 target="_blank"
320 |                 >Preview</a
321 |               >
322 |               <a
323 |                 class="card-footer-item"
324 |                 href="https://github.com/aldi/bulma-hotel-template/"
325 |                 target="_blank"
326 |                 >Source code</a
327 |               >
328 |             </footer>
329 |           </div>
330 |         </div>
331 |         <div class="column is-6">
332 |           <div class="card">
333 |             <header class="card-header">
334 |               <p class="card-header-title">
335 |                 <span>Event Participation</span>
336 |                 <span class="is-pulled-right">
337 |                   <span class="tag is-success">Updated</span>
338 |                   <span class="tag is-default is-info"
339 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
340 |                   ></span>
341 |                   <span class="tag is-default is-info"
342 |                     ><i class="fas fa-desktop" title="Desktop support"></i
343 |                   ></span>
344 |                   <span class="tag is-primary">0.9.0</span>
345 |                 </span>
346 |               </p>
347 |             </header>
348 |             <div class="card-content">
349 |               <figure class="image">
350 |                 <img src="previews/event.png" alt="Event Participation template screenshot" />
351 |               </figure>
352 |             </div>
353 |             <footer class="card-footer">
354 |               <a
355 |                 href="https://aldi.github.io/bulma-event-participation-template/"
356 |                 class="card-footer-item"
357 |                 target="_blank"
358 |                 >Preview</a
359 |               >
360 |               <a
361 |                 href="https://github.com/aldi/bulma-event-participation-template/"
362 |                 class="card-footer-item"
363 |                 target="_blank"
364 |                 >Source Code</a
365 |               >
366 |             </footer>
367 |           </div>
368 |         </div>
369 |         <div class="column is-6">
370 |           <div class="card">
371 |             <header class="card-header">
372 |               <p class="card-header-title">
373 |                 <span>Coming Soon</span>
374 |                 <span class="is-pulled-right">
375 |                   <span class="tag is-default is-info"
376 |                     ><i class="fas fa-mobile-alt" title="Mobile support"></i
377 |                   ></span>
378 |                   <span class="tag is-default is-info"
379 |                     ><i class="fas fa-desktop" title="Desktop support"></i
380 |                   ></span>
381 |                   <span class="tag is-primary">0.9.0</span>
382 |                 </span>
383 |               </p>
384 |             </header>
385 |             <div class="card-content">
386 |               <figure class="image">
387 |                 <img src="previews/coming_soon.png" alt="Coming Soon template screenshot" />
388 |               </figure>
389 |             </div>
390 |             <footer class="card-footer">
391 |               <a
392 |                 href="https://aldi.github.io/bulma-coming-soon-template/"
393 |                 class="card-footer-item"
394 |                 target="_blank"
395 |                 >Preview</a
396 |               >
397 |               <a
398 |                 href="https://github.com/aldi/bulma-coming-soon-template/"
399 |                 class="card-footer-item"
400 |                 target="_blank"
401 |                 >Source Code</a
402 |               >
403 |             </footer>
404 |           </div>
405 |         </div>
406 |         <div class="column is-6">
407 |           <div class="card">
408 |             <header class="card-header">
409 |               <p class="card-header-title has-text-centered">
410 |                 <span>Your New Template?</span>
411 |               </p>
412 |             </header>
413 |             <div class="card-content">
414 |               <figure class="image">
415 |                 <img src="previews/dummy.png" alt="Your future template screenshot" />
416 |               </figure>
417 |             </div>
418 |             <footer class="card-footer">
419 |               <a
420 |                 href="https://github.com/aldi/awesome-bulma-templates/blob/master/CONTRIBUTING.md"
421 |                 class="card-footer-item"
422 |                 >Visit the Contribution Guide</a
423 |               >
424 |               <a
425 |                 href="https://github.com/aldi/awesome-bulma-templates/pulls"
426 |                 class="card-footer-item"
427 |                 >Submit a Pull Request</a
428 |               >
429 |             </footer>
430 |           </div>
431 |         </div>
432 |       </div>
433 |       <div class="container content-wrapper mt-6">
434 |         <div class="columns">
435 |           <div class="column is-12">
436 |             <div class="card">
437 |               <div class="box">
438 |                 <p class="has-text-centered">More templates coming soon. Stay tuned!</p>
439 |               </div>
440 |             </div>
441 |           </div>
442 |         </div>
443 |       </div>
444 |     </div>
445 |     <footer class="footer">
446 |       <div class="container">
447 |         <div class="content has-text-centered">
448 |           <p>
449 |             Made with <i class="fas fa-heart" style="color: red"></i> by
450 |             <a href="https://github.com/aldi">Aldi Duzha</a>. The source code is licensed under
451 |             <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
452 |           </p>
453 |           <p>Special thanks to everyone who helped and contributed to this project.</p>
454 |         </div>
455 |       </div>
456 |     </footer>
457 |     <script async defer src="https://buttons.github.io/buttons.js"></script>
458 |     <script>
459 |       let cards = document.getElementsByClassName('card');
460 |       for (let i = 0; i < 8; i++) {
461 |         let delay = 200;
462 |         cards[i].classList.add('card' + (i + 1));
463 |         cards[i].style.animationDuration = '700ms';
464 |         cards[i].style.animationName = 'slideDown';
465 |         cards[i].style.animationTimingFunction = 'cubic-bezier(0.5, 0, 0.5, 1.5)';
466 |         cards[i].style.animationDelay = `${delay * (i + 1)}ms`;
467 |       }
468 |     </script>
469 |   </body>
470 | </html>
471 | 


--------------------------------------------------------------------------------
/previews/Wedding-Planner.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/Wedding-Planner.png


--------------------------------------------------------------------------------
/previews/coming_soon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/coming_soon.png


--------------------------------------------------------------------------------
/previews/cv.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/cv.png


--------------------------------------------------------------------------------
/previews/dummy.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/dummy.png


--------------------------------------------------------------------------------
/previews/event.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/event.png


--------------------------------------------------------------------------------
/previews/hotel.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/hotel.png


--------------------------------------------------------------------------------
/previews/login.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/login.png


--------------------------------------------------------------------------------
/previews/product_landing_page.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/product_landing_page.png


--------------------------------------------------------------------------------
/previews/rent.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/rent.png


--------------------------------------------------------------------------------
/previews/tropico.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aldi/awesome-bulma-templates/69671580df9678cf59bb35b8f5021ba93593d707/previews/tropico.png


--------------------------------------------------------------------------------