About page
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel sem vel mi finibus ultrices. Curabitur ultrices, dui nec dictum sodales, nibh nisi pulvinar tortor, non placerat sem felis eget augue. Proin eu arcu posuere est varius tristique aliquet vel purus. Pellentesque vitae urna sed dolor consectetur volutpat. Donec dui lorem, congue non nunc vel, fringilla mattis velit. Nullam tempor ante ligula, sed ultrices orci posuere sit amet. Nullam pulvinar urna quis elit vulputate vehicula.
Mauris et eros in sem eleifend feugiat at fermentum turpis. Nunc quis urna pulvinar, auctor tellus suscipit, lacinia lectus. Pellentesque vulputate, metus ut porta dignissim, felis nulla venenatis diam, sit amet tempus ante dolor eget neque. Quisque sit amet pellentesque sem. Maecenas posuere suscipit pellentesque. Fusce in semper nibh. Phasellus non eros vulputate, gravida risus non, dapibus odio. Praesent sodales tempor sollicitudin. Suspendisse sit amet velit nulla.
Consectetur adipisicing elit
Donec faucibus ligula quis leo pharetra ullamcorper. Ut faucibus tincidunt diam, a pellentesque mi accumsan eu. Maecenas venenatis, enim eu faucibus suscipit, sapien augue ultrices quam, in convallis lectus justo pellentesque orci. Curabitur convallis eleifend ornare. Nulla dignissim ut ex eget consectetur. Morbi nec molestie nisi, id finibus massa. Phasellus condimentum at augue non porta. Ut ac erat est. Donec laoreet, dolor quis volutpat viverra, nulla libero ultrices odio, lacinia consequat nulla metus a est. Nulla vulputate dapibus tellus, vel bibendum libero scelerisque eu. Maecenas ut condimentum leo. Maecenas at lacinia ex, non cursus justo. Praesent viverra massa ut nulla vehicula, id elementum dui dapibus. Ut vitae feugiat magna.
Duis volutpat congue mi, ac rutrum tellus semper eget. Sed semper turpis est, blandit suscipit massa sollicitudin vitae. Nam sit amet vestibulum tellus. Integer massa lectus, consectetur ac eros in, mattis varius eros. Aenean non felis vulputate, molestie metus sed, suscipit est. Morbi pretium orci id lorem ultricies, vitae interdum felis mollis. Nulla non lectus rutrum, malesuada ex vel, fermentum leo. Nullam at tristique lacus. Donec posuere a quam at tristique. Nullam blandit turpis erat. Donec pretium ipsum sit amet odio laoreet, vel vestibulum urna efficitur. Donec luctus nunc vitae magna ultrices, vel scelerisque tortor blandit. Aliquam efficitur malesuada consequat. Proin vestibulum lobortis erat eget accumsan. Vestibulum velit justo, tristique at dolor ut, fringilla tincidunt lectus.
Typography Styles
<section class="about_section">
<div class="wrapper || content">
<p><img src="/img/gallery_img_1.jpg" alt="cafe" style="float: left;width: 37%;max-width: 37%;margin: 1rem 6.5rem 1.5rem 0;"></p>
<h2>Lorem ipsum dolor</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel sem vel mi finibus ultrices. Curabitur ultrices, dui nec dictum sodales, nibh nisi pulvinar tortor, non placerat sem felis eget augue. Proin eu arcu posuere est varius tristique aliquet vel purus. Pellentesque vitae urna sed dolor consectetur volutpat. Donec dui lorem, congue non nunc vel, fringilla mattis velit. Nullam tempor ante ligula, sed ultrices orci posuere sit amet. Nullam pulvinar urna quis elit vulputate vehicula.</p>
<p>Mauris et eros in sem eleifend feugiat at fermentum turpis. Nunc quis urna pulvinar, auctor tellus suscipit, lacinia lectus. Pellentesque vulputate, metus ut porta dignissim, felis nulla venenatis diam, sit amet tempus ante dolor eget neque. Quisque sit amet pellentesque sem. Maecenas posuere suscipit pellentesque. Fusce in semper nibh. Phasellus non eros vulputate, gravida risus non, dapibus odio. Praesent sodales tempor sollicitudin. Suspendisse sit amet velit nulla.</p>
<p> </p>
<p><img src="/img/gallery_img_2.jpg" alt="cafe" style="float: right;width: 37%;max-width: 37%;margin: 1rem 0 1.5rem 6.5rem;"></p>
<h2>Consectetur adipisicing elit</h2>
<p>Donec faucibus ligula quis leo pharetra ullamcorper. Ut faucibus tincidunt diam, a pellentesque mi accumsan eu. Maecenas venenatis, enim eu faucibus suscipit, sapien augue ultrices quam, in convallis lectus justo pellentesque orci. Curabitur convallis eleifend ornare. Nulla dignissim ut ex eget consectetur. Morbi nec molestie nisi, id finibus massa. Phasellus condimentum at augue non porta. Ut ac erat est. Donec laoreet, dolor quis volutpat viverra, nulla libero ultrices odio, lacinia consequat nulla metus a est. Nulla vulputate dapibus tellus, vel bibendum libero scelerisque eu. Maecenas ut condimentum leo. Maecenas at lacinia ex, non cursus justo. Praesent viverra massa ut nulla vehicula, id elementum dui dapibus. Ut vitae feugiat magna.</p>
<p>Duis volutpat congue mi, ac rutrum tellus semper eget. Sed semper turpis est, blandit suscipit massa sollicitudin vitae. Nam sit amet vestibulum tellus. Integer massa lectus, consectetur ac eros in, mattis varius eros. Aenean non felis vulputate, molestie metus sed, suscipit est. Morbi pretium orci id lorem ultricies, vitae interdum felis mollis. Nulla non lectus rutrum, malesuada ex vel, fermentum leo. Nullam at tristique lacus. Donec posuere a quam at tristique. Nullam blandit turpis erat. Donec pretium ipsum sit amet odio laoreet, vel vestibulum urna efficitur. Donec luctus nunc vitae magna ultrices, vel scelerisque tortor blandit. Aliquam efficitur malesuada consequat. Proin vestibulum lobortis erat eget accumsan. Vestibulum velit justo, tristique at dolor ut, fringilla tincidunt lectus.</p>
<p> </p>
</div>
</section>function removeEmptyP(className) {
$('.' + className + ' p').each(function () {
var $this = $(this);
if ($this.html().replace(/\s| /g, '').length === 0) {
$this.remove();
}
});
}
if ($window.width() <= 992) {
removeEmptyP('about_section');
}
Lorem ipsum dolor
Nunc sed ligula sit amet neque fringilla congue id in nulla. Suspendisse eu magna elementum urna placerat imperdiet. Pellentesque euismod eu nisi sed accumsan. Donec vestibulum tempor ante sagittis placerat. Suspendisse id erat aliquet, convallis nisl nec, elementum sem. Nam vel elementum nulla, et eleifend mauris. Mauris vel justo ac metus tempus viverra. Morbi porttitor massa sed augue efficitur, in efficitur lectus laoreet. Quisque euismod rutrum molestie. Donec elementum arcu id tempus molestie. Nunc sed blandit elit. Pellentesque fermentum consequat ultricies. Sed lobortis lobortis tristique. Donec mollis vestibulum nisi.
Donec venenatis vitae risus ut scelerisque. Nunc quis eleifend purus. Sed accumsan, lorem eu commodo rhoncus, erat lorem semper nunc, non accumsan nibh odio eu felis. Morbi pulvinar felis turpis, sit amet ornare diam tempor eu. Maecenas nulla nunc, sagittis nec lectus id, accumsan molestie tellus.
<section class="about_us || section_mobile">
<div class="wrapper">
<div class="content || img_move">
<p><img src="/img/gallery_img_3.jpg" alt="cafe" style="float: left;width: 37%;max-width: 37%;margin: 1rem 6.5rem 1.5rem 0;"></p>
<h2>Lorem ipsum dolor</h2>
<p>Nunc sed ligula sit amet neque fringilla congue id in nulla. Suspendisse eu magna elementum urna placerat imperdiet. Pellentesque euismod eu nisi sed accumsan. Donec vestibulum tempor ante sagittis placerat. Suspendisse id erat aliquet, convallis nisl nec, elementum sem. Nam vel elementum nulla, et eleifend mauris. Mauris vel justo ac metus tempus viverra. Morbi porttitor massa sed augue efficitur, in efficitur lectus laoreet. Quisque euismod rutrum molestie. Donec elementum arcu id tempus molestie. Nunc sed blandit elit. Pellentesque fermentum consequat ultricies. Sed lobortis lobortis tristique. Donec mollis vestibulum nisi.</p>
<p>Donec venenatis vitae risus ut scelerisque. Nunc quis eleifend purus. Sed accumsan, lorem eu commodo rhoncus, erat lorem semper nunc, non accumsan nibh odio eu felis. Morbi pulvinar felis turpis, sit amet ornare diam tempor eu. Maecenas nulla nunc, sagittis nec lectus id, accumsan molestie tellus.</p>
</div>
</div>
</section>$('.img_move').each(function () {
var $this = $(this);
var parent = $this.closest($('.section_mobile'));
var contentImg = parent.find('img');
var lastElement = $this.children().last();
if ($(window).width() <= 640) {
if (contentImg.length === 1) {
contentImg.insertAfter(lastElement);
}
}
});
Lorem ipsum dolor
Phasellus dui est, dapibus vitae faucibus ut, scelerisque pretium massa. Vivamus vel convallis lectus. Cras condimentum nisl tortor, vel porttitor purus finibus pretium. Sed eget efficitur ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque faucibus, diam vitae dictum pretium, mi nisi eleifend ex, sed aliquet nisl sapien non massa. Donec id odio congue, faucibus sem ac, pellentesque elit. Mauris enim lectus, faucibus at bibendum euismod, placerat sed est. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst. In sit amet purus facilisis, tristique mi et, finibus ipsum. Etiam blandit id nisl ac auctor.
Sed in mauris non purus fringilla vulputate id in odio. Nulla varius urna varius sem placerat sodales. Maecenas commodo, felis sit amet porta dignissim, tortor risus rutrum nulla, et facilisis odio nisi ac libero. Ut non erat in turpis efficitur eleifend vitae id felis. Curabitur at dui elit. Proin suscipit metus nec magna suscipit ornare.
<section class="about">
<div class="wrapper">
<div class="content">
<p><img src="/img/gallery_img_4.jpg" alt="cafe" style="float: right;width: 37%;max-width: 37%;margin: 1rem 0 1.5rem 6.5rem;"></p>
<h2>Lorem ipsum dolor</h2>
<p>Phasellus dui est, dapibus vitae faucibus ut, scelerisque pretium massa. Vivamus vel convallis lectus. Cras condimentum nisl tortor, vel porttitor purus finibus pretium. Sed eget efficitur ante. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Pellentesque faucibus, diam vitae dictum pretium, mi nisi eleifend ex, sed aliquet nisl sapien non massa. Donec id odio congue, faucibus sem ac, pellentesque elit. Mauris enim lectus, faucibus at bibendum euismod, placerat sed est. Interdum et malesuada fames ac ante ipsum primis in faucibus. In hac habitasse platea dictumst. In sit amet purus facilisis, tristique mi et, finibus ipsum. Etiam blandit id nisl ac auctor.</p>
<p>Sed in mauris non purus fringilla vulputate id in odio. Nulla varius urna varius sem placerat sodales. Maecenas commodo, felis sit amet porta dignissim, tortor risus rutrum nulla, et facilisis odio nisi ac libero. Ut non erat in turpis efficitur eleifend vitae id felis. Curabitur at dui elit. Proin suscipit metus nec magna suscipit ornare.</p>
</div>
</div>
</section>if ($(window).width() <= 640) {
$('.about .content img').insertAfter($('.about .content').children().last());
// $('.about .content img').insertBefore($('.about .content').children().first());
}