forked from okikio/native
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathother.pug
96 lines (91 loc) · 6.21 KB
/
other.pug
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
extends /layouts/layout.pug
block title
title Other page
block content
.container.px-5.py-2(class="sm:max-w-screen-xl")
h1.text-4xl.font-semibold.my-5.intro-animation.px-5 Other
ul.flex.intro-animation.space-x-4.mb-4.px-5
a(href='./about.html' data-transition='big') Link to the about
a(href='./index.html' data-transition='slide-right') Link to homepage
p.intro-animation.px-5
| Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus ex est, maximus aliquam sagittis vel,
| tempus vel odio. Praesent felis elit, blandit et laoreet nec, hendrerit et arcu. Aenean ligula sapien,
| sodales vel semper in, pulvinar id nulla. Donec pellentesque non tellus vel imperdiet. Pellentesque
| posuere, nisl sed rutrum tincidunt, augue augue vestibulum ex, vel ornare justo arcu eu magna. Praesent
| vel nisl enim. Aenean a odio porttitor, fermentum est et, mattis sem. Suspendisse aliquam, risus a
| aliquam vestibulum, eros ipsum pulvinar sem, quis posuere tellus ex id velit. Quisque eu pellentesque
| nisl, sed volutpat purus. Sed auctor convallis sapien sed hendrerit. Vivamus et neque facilisis,
| ultrices ex non, faucibus velit. Aliquam laoreet sed turpis a blandit. Nulla fringilla massa non
| fermentum rutrum.
div(class="md:grid-cols-12 dark:bg-quaternary dark:border-quaternary").grid.gap-6.my-5.p-5.rounded-lg.bg-gray-200.intro-animation
div(class="md:col-span-6").col-span-12
p
| Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et ex mollis
| fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam commodo. Donec sed
| vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
| mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae elementum pharetra,
| sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus maximus,
| pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis aliquet. Vestibulum
| non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet tortor. Duis auctor
| iaculis arcu ac rutrum. Suspendisse vel odio risus.
div(class="md:col-span-6").col-span-12
p
| Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et ex mollis
| fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam commodo. Donec sed
| vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus
| mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae elementum pharetra,
| sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus maximus,
| pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis aliquet. Vestibulum
| non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet tortor. Duis auctor
| iaculis arcu ac rutrum. Suspendisse vel odio risus.
.space-y-5.px-5
p.intro-animation
| Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et
| ex mollis
| fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam
| commodo. Donec sed
| vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes,
| nascetur ridiculus
| mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae
| elementum pharetra,
| sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus
| maximus,
| pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis
| aliquet. Vestibulum
| non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet
| tortor. Duis auctor
| iaculis arcu ac rutrum. Suspendisse vel odio risus.
p.intro-animation
| Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris et
| ex mollis
| fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam
| commodo. Donec sed
| vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes,
| nascetur ridiculus
| mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae
| elementum pharetra,
| sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis tellus
| maximus,
| pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis
| aliquet. Vestibulum
| non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet
| tortor. Duis auctor
| iaculis arcu ac rutrum. Suspendisse vel odio risus.
p.intro-animation
| Vivamus dolor massa, aliquet ut leo vel, sodales mattis tortor. Aenean at mauris
| et ex mollis
| fringilla. Sed volutpat viverra vehicula. Nullam maximus ligula ac nisl aliquam
| commodo. Donec sed
| vestibulum orci. Cum sociis natoque penatibus et magnis dis parturient montes,
| nascetur ridiculus
| mus. Proin ut porttitor lorem, sit amet aliquet dui. Nunc dictum, lorem vitae
| elementum pharetra,
| sapien orci dignissim ligula, aliquam interdum erat urna a nibh. Morbi quis
| tellus maximus,
| pellentesque erat ac, porttitor nulla. Curabitur rhoncus urna non magna mattis
| aliquet. Vestibulum
| non lobortis turpis. Nunc aliquet velit a magna dictum pulvinar vitae laoreet
| tortor. Duis auctor
| iaculis arcu ac rutrum. Suspendisse vel odio risus.
img#4-image(loading='lazy' width='1502' src='https://images.unsplash.com/photo-1589779677480-d5244f63c9ca?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1502&q=800' alt='Lazyloaded img')
img#5-image(loading='lazy' width='1402' src='https://images.unsplash.com/photo-1589894809408-fdca3d7d548d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1402&q=80' alt='Lazyloaded img')