| <div class="cont"> | |
| <div class="page-head"> | |
| <h1>lightgallery <span class="version">V0.0.1</span></h1> | |
| <p class="lead">Full featured lightbox gallery. Zero dependencies.</p><a href="https://github.com/sachinchoolur/lightgallery.js" class="btn btn-primary btn-lg">View on github</a></div> | |
| <div class="demo-gallery"> | |
| <ul id="lightgallery"> | |
| <li data-responsive="https://sachinchoolur.github.io/lightgallery.js/static/img/1-375.jpg 375, https://sachinchoolur.github.io/lightgallery.js/static/img/1-480.jpg 480, https://sachinchoolur.github.io/lightgallery.js/static/img/1.jpg 800" data-src="https://sachinchoolur.github.io/lightgallery.js/static/img/1-1600.jpg" | |
| data-sub-html="<h4>Fading Light</h4><p>Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.</p>"> | |
| <a href=""> |
| <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 750 500" preserveAspectRatio="xMidYMax slice"> | |
| <defs> | |
| <!-- Scene 1 Gradient --> | |
| <linearGradient id="grad1" x1="-154.32" y1="263.27" x2="-154.32" y2="374.3" | |
| gradientTransform="matrix(-1, 0, 0, 1.36, 231.36, -100.14)" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0.07" stop-color="#9c536b" /> | |
| <stop offset="0.98" stop-color="#d98981" /> | |
| </linearGradient> | |
| <radialGradient id="bg_grad" cx="375" cy="-35" r="318.69" gradientUnits="userSpaceOnUse"> | |
| <stop offset="0.1" stop-color="#F5C54E" id="sun" /> |
| <section class='post__content'> | |
| <p>Problem: we have a grid of fixed size thumbnails. For a nicer look, we want this grid to be middle aligned with respect to the paragraphs above and below, and, at the same time, we want the last grid row to be left-aligned with respect to the grid.</p> | |
| <div class='grid--thumbs'> | |
| <a href='#'> | |
| <img src='https://images.unsplash.com/photo-1542826438-bd32f43d626f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ'/> | |
| </a> | |
| <a href='#'> | |
| <img src='https://images.unsplash.com/photo-1589846939165-bcdd27f2089a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ'/> | |
| </a> | |
| <a href='#'> |
| <section class='post__content'> | |
| <p>Problem: we have a grid of fixed size thumbnails. For a nicer look, we want this grid to be middle aligned with respect to the paragraphs above and below, and, at the same time, we want the last grid row to be left-aligned with respect to the grid.</p> | |
| <div class='grid--thumbs'> | |
| <a href='#'> | |
| <img src='https://images.unsplash.com/photo-1542826438-bd32f43d626f?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1600&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ'/> | |
| </a> | |
| <a href='#'> | |
| <img src='https://images.unsplash.com/photo-1589846939165-bcdd27f2089a?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ'/> | |
| </a> | |
| <a href='#'> |
Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.
Shoutout to all y'all bullet journalists on Instagram.
Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3
p/s I have a picture with a random dog in 20 different countries, ama.
Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.
Shoutout to all y'all bullet journalists on Instagram.
Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3
p/s I have a picture with a random dog in 20 different countries, ama.
Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.
Shoutout to all y'all bullet journalists on Instagram.
Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3
p/s I have a picture with a random dog in 20 different countries, ama.
Recently made a website that uses the "sketch style" because I was dead adamant to not use flat design. These are some of the elements + more that I never got to use.
Shoutout to all y'all bullet journalists on Instagram.
Also https://codepen.io/mattyfours/pen/xNGdyO for the beautiful 5-way gradient! <3
p/s I have a picture with a random dog in 20 different countries, ama.
| <div class="mario-death-animation"> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="mario"></div> | |
| <div class="goomba"></div> | |
| </div> |
| <div class="mario-death-animation"> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="block"></div> | |
| <div class="mario"></div> | |
| <div class="goomba"></div> | |
| </div> |