├── .gitattributes ├── .github └── ISSUE_TEMPLATE │ ├── bug_report.md │ ├── custom.md │ └── feature_request.md ├── .gitignore ├── .htaccess ├── .prettierignore ├── CODE_OF_CONDUCT.md ├── CONTRIBUTING.md ├── LICENSE.md ├── README.md ├── package-lock.json ├── package.json ├── postcss.config.js ├── prettier.config.js ├── tailwind.config.js └── templates ├── blog ├── cards │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ ├── woman.jpg │ │ └── woman1.jpg │ │ └── index.html ├── list │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ └── woman.jpg │ │ └── index.html └── twocolumns │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── man.jpg │ └── woman.jpg │ └── index.html ├── content ├── left-illustration │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── pie.svg │ │ └── index.html ├── left-image │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── startup.png │ │ └── index.html ├── right-illustration │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── mobility_illustration.webp │ │ ├── pie.svg │ │ ├── startup.png │ │ └── undraw_pair_programming_njlp.svg │ │ └── index.html └── right-image │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ └── boost.png │ └── index.html ├── cta ├── app │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── avatars │ │ │ ├── first_user.webp │ │ │ ├── second_user.webp │ │ │ └── third_user.webp │ │ └── index.html ├── bank │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ └── index.html ├── ecommerce-site │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── products │ │ │ ├── daniel.webp │ │ │ ├── iman.webp │ │ │ └── kushagra.webp │ │ └── index.html └── product │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── badges │ │ ├── app-store.png │ │ └── google_play.png │ └── mobility_illustration.webp │ └── index.html ├── dashboard ├── _navigation │ └── preview │ │ └── dark.html ├── navigation-layout │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── logo.svg │ │ └── second_user.webp │ │ └── index.html └── stats-cards │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── logo.svg │ └── second_user.webp │ └── index.html ├── features ├── bottom-icon │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── avatars │ │ │ ├── burger.png │ │ │ ├── fast-delivery.png │ │ │ ├── metal.png │ │ │ ├── package-delivery.png │ │ │ └── trowel.png │ │ └── index.html ├── elevated │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── avatars │ │ │ ├── burger.png │ │ │ ├── fast-delivery.png │ │ │ ├── metal.png │ │ │ ├── package-delivery.png │ │ │ └── trowel.png │ │ └── index.html ├── flat │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── avatars │ │ │ ├── burger.png │ │ │ ├── fast-delivery.png │ │ │ ├── metal.png │ │ │ ├── package-delivery.png │ │ │ └── trowel.png │ │ └── index.html └── stacked │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ └── avatars │ │ ├── burger.png │ │ ├── fast-delivery.png │ │ ├── metal.png │ │ ├── package-delivery.png │ │ └── trowel.png │ └── index.html ├── footer ├── application-website │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ └── index.html ├── company-website │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── logo.svg │ │ └── index.html ├── ecommerce-website │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── logo.svg │ │ └── index.html ├── product-website │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── logo.svg │ │ └── index.html └── startup-website │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ └── logo.svg │ └── index.html ├── hero-section ├── architecture │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── bg.webp │ │ └── bg2.webp │ │ └── index.html ├── ecommerce-mood │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── logo-white.svg │ │ ├── logo.svg │ │ └── shoes2.jpg │ │ └── index.html ├── ecommerce-shoes │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── logo.svg │ │ ├── shoes.png │ │ └── user.png │ │ └── index.html ├── food-delivery │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── food.webp │ │ └── icon.png │ │ └── index.html ├── horse │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── clients │ │ │ ├── grabyo.png │ │ │ ├── lifegroups.png │ │ │ ├── lilly.png │ │ │ └── microsoft.png │ │ ├── horse1.png │ │ ├── logo-white.svg │ │ └── logo.svg │ │ └── index.html ├── job-board │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── background2.webp │ │ ├── clients │ │ │ ├── grabyo.png │ │ │ ├── lifegroups.png │ │ │ ├── lilly.png │ │ │ ├── microsoft.png │ │ │ └── myob.png │ │ └── logo.svg │ │ └── index.html ├── sass │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── clients │ │ │ ├── airbnb.svg │ │ │ ├── coty.svg │ │ │ ├── ge.svg │ │ │ ├── microsoft.svg │ │ │ └── tailus.svg │ │ └── project.svg │ │ └── index.html └── tech-startup │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── chat.png │ ├── clients │ │ ├── airbnb.svg │ │ ├── coty.svg │ │ ├── ge.svg │ │ ├── microsoft.svg │ │ └── tailus.svg │ ├── globalization-cuate.svg │ ├── slack.png │ └── zoom.png │ └── index.html ├── login ├── phone │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── icon.svg │ │ └── smiling.webp │ │ └── index.html ├── plus-social │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── google.svg │ │ ├── logo.svg │ │ └── tailus.svg │ │ └── index.html ├── simplecard │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── bg2.webp │ │ └── tailus.svg │ │ └── index.html └── social │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── google.svg │ ├── icon.svg │ └── tailus.svg │ └── index.html ├── logo_cloud ├── application-site │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── clients │ │ │ ├── airbnb.svg │ │ │ ├── coty.svg │ │ │ ├── ge.svg │ │ │ ├── microsoft.svg │ │ │ └── tailus.svg │ │ └── index.html ├── company-site │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── clients │ │ │ ├── airbnb.svg │ │ │ ├── automatic.svg │ │ │ ├── bissell.svg │ │ │ ├── client-1.png │ │ │ ├── client-3.png │ │ │ ├── client-4.png │ │ │ ├── client-8.png │ │ │ ├── coty.svg │ │ │ ├── ge.svg │ │ │ ├── microsoft.svg │ │ │ └── tailus.svg │ │ └── index.html ├── sponsors │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── clients │ │ │ ├── airbnb.svg │ │ │ ├── automatic.svg │ │ │ ├── bissell.svg │ │ │ ├── ge.svg │ │ │ └── microsoft.svg │ │ └── index.html └── startup-site │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ └── clients │ │ ├── airbnb.svg │ │ ├── coty.svg │ │ ├── ge.svg │ │ ├── microsoft.svg │ │ └── tailus.svg │ └── index.html ├── pricing ├── comparator │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── free.webp │ │ ├── organization.webp │ │ ├── pro.webp │ │ └── team.webp │ │ └── index.html ├── organization │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── clients │ │ │ ├── airbnb.svg │ │ │ ├── automatic.svg │ │ │ ├── bissell.svg │ │ │ ├── ge.svg │ │ │ └── microsoft.svg │ │ └── index.html ├── personnal │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ └── index.html └── team │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── premium.webp │ └── tanzanite.webp │ └── index.html ├── services ├── end-image │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── graphic.svg │ │ ├── ui-design.svg │ │ └── ux-design.svg │ │ └── index.html ├── extended │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── bg.webp │ │ └── smiling.webp │ │ └── index.html ├── illustrated │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ └── icons │ │ │ ├── code.png │ │ │ ├── graphic.webp │ │ │ └── magic.png │ │ └── index.html └── mansory │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── service.webp │ ├── service2.webp │ └── service3.webp │ └── index.html ├── team ├── bio-link │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ ├── woman.jpg │ │ └── woman1.jpg │ │ └── index.html ├── classic │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ ├── woman.jpg │ │ └── woman1.jpg │ │ └── index.html ├── leadership │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ ├── woman.jpg │ │ └── woman1.jpg │ │ └── index.html ├── polygon-avatar │ ├── _html.html │ └── preview │ │ ├── css │ │ ├── app.css │ │ └── tailus.css │ │ ├── images │ │ ├── man.jpg │ │ ├── woman.jpg │ │ └── woman1.jpg │ │ └── index.html └── rounded-avatar │ ├── _html.html │ └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── man.jpg │ ├── woman.jpg │ └── woman1.jpg │ └── index.html └── testimonials ├── grid-cards ├── _html.html └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── avatars │ │ ├── first_user.webp │ │ ├── second_user.webp │ │ └── third_user.webp │ └── clients │ │ ├── client-3.png │ │ ├── client-4.png │ │ └── client-8.png │ └── index.html ├── incards ├── _html.html └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── card.webp │ ├── card2.webp │ ├── card3.webp │ └── clients │ │ ├── client-3.png │ │ ├── client-4.png │ │ └── client-8.png │ └── index.html ├── tested ├── _html.html └── preview │ ├── css │ ├── app.css │ └── tailus.css │ ├── images │ ├── avatars │ │ ├── first_user.webp │ │ ├── second_user.webp │ │ └── third_user.webp │ └── clients │ │ ├── client-3.png │ │ ├── client-4.png │ │ └── client-8.png │ └── index.html └── twitter ├── _html.html └── preview ├── css ├── app.css └── tailus.css ├── images ├── first_user.webp ├── second_user.webp └── third_user.webp └── index.html /.gitattributes: -------------------------------------------------------------------------------- 1 | public/* linguist-vendored 2 | assets/* linguist-vendored 3 | 4 | # Enforce Unix newlines 5 | *.css text eol=lf 6 | *.html text eol=lf 7 | *.js text eol=lf 8 | *.json text eol=lf 9 | *.md text eol=lf 10 | *.rb text eol=lf 11 | *.scss text eol=lf 12 | *.svg text eol=lf 13 | *.txt text eol=lf 14 | *.xml text eol=lf 15 | *.xml.* text eol=lf 16 | *.yml text eol=lf 17 | *.php text eol=lf 18 | *.twig text eol=lf 19 | 20 | # Don't diff or textually merge source maps 21 | *.map binary 22 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/bug_report.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Bug report 3 | about: Create a report to help us improve 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | 9 | **Describe the bug** 10 | A clear and concise description of what the bug is. 11 | 12 | **To Reproduce** 13 | Steps to reproduce the behavior: 14 | 15 | 1. Go to '...' 16 | 2. Click on '....' 17 | 3. Scroll down to '....' 18 | 4. See error 19 | 20 | **Expected behavior** 21 | A clear and concise description of what you expected to happen. 22 | 23 | **Screenshots** 24 | If applicable, add screenshots to help explain your problem. 25 | 26 | **Desktop (please complete the following information):** 27 | 28 | - OS: [e.g. iOS] 29 | - Browser [e.g. chrome, safari] 30 | - Version [e.g. 22] 31 | 32 | **Smartphone (please complete the following information):** 33 | 34 | - Device: [e.g. iPhone6] 35 | - OS: [e.g. iOS8.1] 36 | - Browser [e.g. stock browser, safari] 37 | - Version [e.g. 22] 38 | 39 | **Additional context** 40 | Add any other context about the problem here. 41 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/custom.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Custom issue template 3 | about: Describe this issue template's purpose here. 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE/feature_request.md: -------------------------------------------------------------------------------- 1 | --- 2 | name: Feature request 3 | about: Suggest an idea for this project 4 | title: '' 5 | labels: '' 6 | assignees: '' 7 | --- 8 | 9 | **Is your feature request related to a problem? Please describe.** 10 | A clear and concise description of what the problem is. Ex. I'm always frustrated when [...] 11 | 12 | **Describe the solution you'd like** 13 | A clear and concise description of what you want to happen. 14 | 15 | **Describe alternatives you've considered** 16 | A clear and concise description of any alternative solutions or features you've considered. 17 | 18 | **Additional context** 19 | Add any other context or screenshots about the feature request here. 20 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules 2 | /.idea 3 | /build 4 | /.vscode 5 | /yarn-error.log 6 | /yarn.lock -------------------------------------------------------------------------------- /.htaccess: -------------------------------------------------------------------------------- 1 | 2 | 3 | Header set Access-Control-Allow-Origin "*" 4 | 5 | 6 | 7 | 8 | RewriteEngine on 9 | RewriteOptions inherit 10 | 11 | # SSL and let's encrypt 12 | RewriteCond %{REQUEST_URI} !^/\.well-known/acme-challenge/.+$ 13 | RewriteCond %{REQUEST_URI} !^/\.well-known/pki-validation/[A-F0-9]{32}\.txt(?:\ Comodo\ DCV)?$ 14 | RewriteRule ^.well-known/acme-challenge - [L] 15 | 16 | # redirect to no-www 17 | RewriteBase / 18 | RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC] 19 | RewriteRule ^(.*)$ http://%1/$1 [R=301,L] 20 | 21 | # https redirect 22 | RewriteCond %{HTTPS} !=on 23 | RewriteRule .* https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L] 24 | 25 | 26 | # Enable Gzip Compression for page speed 27 | 28 | mod_gzip_on Yes 29 | mod_gzip_dechunk Yes 30 | mod_gzip_item_include file .(html?|txt|css|js|php|pl)$ 31 | mod_gzip_item_include handler ^cgi-script$ 32 | mod_gzip_item_include mime ^text/.* 33 | mod_gzip_item_include mime ^application/x-javascript.* 34 | mod_gzip_item_exclude mime ^image/.* 35 | mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.* 36 | 37 | 38 | # Enable Deflate Comporession for page speed 39 | 40 | AddOutputFilterByType DEFLATE text/css 41 | AddOutputFilterByType DEFLATE text/html 42 | AddOutputFilterByType DEFLATE text/plain 43 | AddOutputFilterByType DEFLATE text/xml 44 | AddOutputFilterByType DEFLATE application/xml 45 | AddOutputFilterByType DEFLATE application/xhtml+xml 46 | AddOutputFilterByType DEFLATE application/rss+xml 47 | AddOutputFilterByType DEFLATE application/javascript 48 | AddOutputFilterByType DEFLATE application/x-javascript 49 | AddOutputFilterByType DEFLATE application/vnd.ms-fontobject 50 | AddOutputFilterByType DEFLATE application/x-font 51 | AddOutputFilterByType DEFLATE application/x-font-opentype 52 | AddOutputFilterByType DEFLATE application/x-font-otf 53 | AddOutputFilterByType DEFLATE application/x-font-truetype 54 | AddOutputFilterByType DEFLATE image/jpeg 55 | AddOutputFilterByType DEFLATE image/png 56 | AddOutputFilterByType DEFLATE image/gif 57 | AddOutputFilterByType DEFLATE image/bmp 58 | AddOutputFilterByType DEFLATE image/jpeg, 59 | AddOutputFilterByType DEFLATE image/svg+xml 60 | AddOutputFilterByType DEFLATE image/x-icon 61 | AddOutputFilterByType DEFLATE audio/mpeg 62 | AddOutputFilterByType DEFLATE audio/* 63 | AddOutputFilterByType DEFLATE video/mp4 64 | 65 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | **/*.js 2 | /node_modules -------------------------------------------------------------------------------- /CODE_OF_CONDUCT.md: -------------------------------------------------------------------------------- 1 | # Contributor Covenant Code of Conduct 2 | 3 | ## Our Pledge 4 | 5 | In the interest of fostering an open and welcoming environment, we as 6 | contributors and maintainers pledge to making participation in our project and 7 | our community a harassment-free experience for everyone, regardless of age, body 8 | size, disability, ethnicity, sex characteristics, gender identity and expression, 9 | level of experience, education, socio-economic status, nationality, personal 10 | appearance, race, religion, or sexual identity and orientation. 11 | 12 | ## Our Standards 13 | 14 | Examples of behavior that contributes to creating a positive environment 15 | include: 16 | 17 | - Using welcoming and inclusive language 18 | - Being respectful of differing viewpoints and experiences 19 | - Gracefully accepting constructive criticism 20 | - Focusing on what is best for the community 21 | - Showing empathy towards other community members 22 | 23 | Examples of unacceptable behavior by participants include: 24 | 25 | - The use of sexualized language or imagery and unwelcome sexual attention or 26 | advances 27 | - Trolling, insulting/derogatory comments, and personal or political attacks 28 | - Public or private harassment 29 | - Publishing others' private information, such as a physical or electronic 30 | address, without explicit permission 31 | - Other conduct which could reasonably be considered inappropriate in a 32 | professional setting 33 | 34 | ## Our Responsibilities 35 | 36 | Project maintainers are responsible for clarifying the standards of acceptable 37 | behavior and are expected to take appropriate and fair corrective action in 38 | response to any instances of unacceptable behavior. 39 | 40 | Project maintainers have the right and responsibility to remove, edit, or 41 | reject comments, commits, code, wiki edits, issues, and other contributions 42 | that are not aligned to this Code of Conduct, or to ban temporarily or 43 | permanently any contributor for other behaviors that they deem inappropriate, 44 | threatening, offensive, or harmful. 45 | 46 | ## Scope 47 | 48 | This Code of Conduct applies both within project spaces and in public spaces 49 | when an individual is representing the project or its community. Examples of 50 | representing a project or community include using an official project e-mail 51 | address, posting via an official social media account, or acting as an appointed 52 | representative at an online or offline event. Representation of a project may be 53 | further defined and clarified by project maintainers. 54 | 55 | ## Enforcement 56 | 57 | Instances of abusive, harassing, or otherwise unacceptable behavior may be 58 | reported by contacting the project team at coderngandu@gmail.com. All 59 | complaints will be reviewed and investigated and will result in a response that 60 | is deemed necessary and appropriate to the circumstances. The project team is 61 | obligated to maintain confidentiality with regard to the reporter of an incident. 62 | Further details of specific enforcement policies may be posted separately. 63 | 64 | Project maintainers who do not follow or enforce the Code of Conduct in good 65 | faith may face temporary or permanent repercussions as determined by other 66 | members of the project's leadership. 67 | 68 | ## Attribution 69 | 70 | This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, 71 | available at https://www.contributor-covenant.org/version/1/4/code-of-conduct.html 72 | 73 | [homepage]: https://www.contributor-covenant.org 74 | 75 | For answers to common questions about this code of conduct, see 76 | https://www.contributor-covenant.org/faq 77 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Tailus blocks 2 | 3 | A set of +50 beautiful and modern responsive UI Blocks built with tailwindcss 4 | 5 | ## Designed to meet your needs 6 | 7 | - Mobile First 8 | - Modern and beautiful 9 | - Frontend Frameworks support (planned) 10 | - Free 11 | 12 | ## Browsers support 13 | 14 | All blocks are supported by your favorite Browsers. 15 | 16 | | Chrome | Safari | Edge | Firefox | 17 | | :-------------------------------------------------------------: | :---------------------------------------------------------------: | :--------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | 18 | | ![Chrome](https://img.icons8.com/fluency/144/000000/chrome.png) | ![Safari](https://img.icons8.com/color/144/000000/safari--v2.png) | ![Edge](https://img.icons8.com/color/144/000000/ms-edge-new.png) | ![Firefox](https://img.icons8.com/external-tal-revivo-color-tal-revivo/144/000000/external-firefox-a-free-and-open-source-web-browser-developed-by-the-mozilla-foundation-logo-color-tal-revivo.png) | 19 | 20 | ## Contibute 21 | 22 | If you're interested in contributing to Tailus Blocks, please read our [contributing docs](CONTRIBUTING.md) before submitting a pull request. 23 | 24 | ![Alt](https://repobeats.axiom.co/api/embed/e90965f018bc91b388d982a1efa482a7ff72184c.svg "Repobeats analytics image") -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tailus-blocks", 3 | "version": "1.0.0", 4 | "description": "free blocks", 5 | "main": "index.js", 6 | "repository": "https://github.com/Tailus-UI/blocks", 7 | "author": "Bernard Ng & Méschac Irung", 8 | "license": "Creative Common", 9 | "private": false, 10 | "dependencies": { 11 | "@symfony/webpack-encore": "^1.6.1", 12 | "autoprefixer": "^10.4.8", 13 | "postcss": "^8.4.14", 14 | "postcss-import": "^14.0.2", 15 | "tailwindcss": "^3.1.7", 16 | "webpack": "^5.74.0" 17 | }, 18 | "scripts": { 19 | "serve": "http-server templates/", 20 | "dev-server": "encore dev-server", 21 | "dev": "encore dev", 22 | "watch": "encore dev --watch", 23 | "build": "encore production --progress" 24 | }, 25 | "devDependencies": { 26 | "http-server": "^14.1.0", 27 | "postcss-loader": "^6.2.0", 28 | "prettier": "2.7.1", 29 | "prettier-plugin-tailwindcss": "^0.1.11", 30 | "sass": "^1.43.3", 31 | "sass-loader": "^12.2.0", 32 | "webpack-notifier": "^1.14.1" 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /postcss.config.js: -------------------------------------------------------------------------------- 1 | const tailwindcss = require('tailwindcss'); 2 | 3 | module.exports = { 4 | plugins: [ 5 | tailwindcss('./tailwind.config.js'), 6 | require('autoprefixer'), 7 | require('postcss-import') 8 | ] 9 | } 10 | -------------------------------------------------------------------------------- /prettier.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | semi: false, 3 | singleQuote: true, 4 | printWidth: 100, 5 | trailingComma: 'es5', 6 | arrowParens: 'always', 7 | tabWidth: 2, 8 | useTabs: false, 9 | quoteProps: 'as-needed', 10 | jsxSingleQuote: false, 11 | bracketSpacing: true, 12 | bracketSameLine: false, 13 | } -------------------------------------------------------------------------------- /templates/blog/cards/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

Sharing is Caring

5 |

6 | Quam hic dolore cumque voluptate rerum beatae et quae, tempore sunt, debitis dolorum officia 7 | aliquid explicabo? Excepturi, voluptate? 8 |

9 |
10 |
11 |
12 |
13 | art cover 15 |
16 |
17 |

18 | De fuga fugiat lorem ispum laboriosam expedita. 19 |

20 |

21 | Voluptates harum aliquam totam, doloribus eum impedit atque! Temporibus... 22 |

23 | 24 | Read more 25 | 26 |
27 | 28 |
29 |
30 |
31 | art cover 33 |
34 |
35 |

36 | De fuga fugiat lorem ispum laboriosam expedita. 37 |

38 |

39 | Voluptates harum aliquam totam, doloribus eum impedit atque! Temporibus... 40 |

41 | 42 | Read more 43 | 44 |
45 | 46 |
47 |
48 |
49 | art cover 51 |
52 |
53 |

54 | De fuga fugiat lorem ispum laboriosam expedita. 55 |

56 |

57 | Voluptates harum aliquam totam, doloribus eum impedit atque! Temporibus... 58 |

59 | 60 | Read more 61 | 62 |
63 | 64 |
65 |
66 |
67 |
-------------------------------------------------------------------------------- /templates/blog/cards/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/blog/cards/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/cards/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/blog/cards/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/cards/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/blog/cards/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/cards/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/blog/list/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/blog/list/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/list/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/blog/list/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/list/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/blog/twocolumns/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | art cover 13 |

14 | Flipper and JS: why we added JavaScript support to a mobile debugging platform 15 |

16 |

17 | Finding the right open source project for your first contribution can feel daunting. It took me years to find a repository that fit my skills and interests. 18 |

19 |
20 | 21 | 22 | 23 | 24 | Aug 27 2022 25 |
26 | 27 | 28 | 29 | 2 min read 30 |
31 |
32 |
33 |
34 | art cover 42 |

43 | Flipper and JS: why we added JavaScript support to a mobile debugging platform 44 |

45 |

46 | Finding the right open source project for your first contribution can feel daunting. It took me years to find a repository that fit my skills and interests. 47 |

48 |
49 | 50 | 51 | 52 | 53 | Aug 27 2022 54 |
55 | 56 | 57 | 58 | 2 min read 59 |
60 |
61 |
62 |
63 |
64 |
-------------------------------------------------------------------------------- /templates/blog/twocolumns/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/blog/twocolumns/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/twocolumns/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/blog/twocolumns/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/blog/twocolumns/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/content/left-illustration/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | image 12 |
13 |
14 |

15 | Nuxt development is carried out by passionate developers 16 |

17 |

18 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 19 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 20 |

21 | 22 | 26 | Browse now 30 | 31 |
32 |
33 |
34 |
-------------------------------------------------------------------------------- /templates/content/left-illustration/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/content/left-illustration/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Tailus blocks | 2 columns blog cards 10 | 11 | 12 | 16 | 17 | 18 | 19 |
20 |
21 |
22 |
23 | image 30 |
31 |
32 |

33 | Nuxt development is carried out by passionate developers 34 |

35 |

36 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 37 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 38 |

39 | 40 | 44 | Browse now 48 | 49 |
50 |
51 |
52 |
53 | 54 | 55 | -------------------------------------------------------------------------------- /templates/content/left-image/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | image 6 |
7 |
8 |

9 | Nuxt development is carried out by passionate developers 10 |

11 |

12 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum omnis voluptatem 13 | accusantium nemo perspiciatis delectus atque autem! repellat expedita consequatur! Officiis id consequatur atque doloremque! 14 |

15 |

16 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 17 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 18 |

19 |
20 |
21 | 22 | 23 | 24 |
25 |
26 |

Chat Anytime

27 |

Asperiores nemo possimus nesciunt aspernatur quam mollitia.

28 |
29 |
30 |
31 |
32 |
33 |
-------------------------------------------------------------------------------- /templates/content/left-image/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/content/left-image/preview/images/startup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/content/left-image/preview/images/startup.png -------------------------------------------------------------------------------- /templates/content/left-image/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Tailus blocks | 2 columns blog cards 10 | 11 | 12 | 16 | 17 | 18 | 19 |
20 |
21 |
22 |
23 | image 24 |
25 |
26 |

27 | Nuxt development is carried out by passionate developers 28 |

29 |

30 | Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum omnis voluptatem 31 | accusantium nemo perspiciatis delectus atque autem! repellat expedita consequatur! Officiis id consequatur atque doloremque! 32 |

33 |

34 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 35 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 36 |

37 |
38 |
39 | 40 | 41 | 42 |
43 |
44 |

Chat Anytime

45 |

Asperiores nemo possimus nesciunt aspernatur quam mollitia.

46 |
47 |
48 |
49 |
50 |
51 |
52 | 53 | 54 | -------------------------------------------------------------------------------- /templates/content/right-illustration/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | image 12 |
13 |
14 |

15 | Nuxt development is carried out by passionate developers 16 |

17 |

18 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 19 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 20 |

21 |
22 |
23 |
24 | 25 | 26 | 27 |
28 |
29 |

Chat Anytime

30 |

Asperiores nemo possimus nesciunt quam mollitia.

31 |
32 |
33 |
34 |
35 | 36 | 37 | 38 |
39 |
40 |

Real Time Location

41 |

Asperiores nemo possimus nesciunt quam mollitia.

42 |
43 |
44 |
45 |
46 |
47 |
48 |
-------------------------------------------------------------------------------- /templates/content/right-illustration/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/content/right-illustration/preview/images/mobility_illustration.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/content/right-illustration/preview/images/mobility_illustration.webp -------------------------------------------------------------------------------- /templates/content/right-illustration/preview/images/startup.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/content/right-illustration/preview/images/startup.png -------------------------------------------------------------------------------- /templates/content/right-image/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

6 | For passionate developers. 7 |

8 |
9 |

10 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 11 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 12 |

13 |
14 | 18 | Learn more 22 | 23 |
24 |
25 | image 26 |
27 |
28 |
29 |
-------------------------------------------------------------------------------- /templates/content/right-image/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/content/right-image/preview/images/boost.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/content/right-image/preview/images/boost.png -------------------------------------------------------------------------------- /templates/content/right-image/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Tailus blocks | 2 columns blog cards 10 | 11 | 12 | 16 | 17 | 18 | 19 |
20 |
21 |
22 |
23 |

24 | For passionate developers. 25 |

26 |
27 |

28 | Nobis minus voluptatibus pariatur dignissimos libero quaerat iure expedita at? 29 | Asperiores nemo possimus nesciunt dicta veniam aspernatur quam mollitia. 30 |

31 |
32 | 36 | Learn more 40 | 41 |
42 |
43 | image 44 |
45 |
46 |
47 |
48 | 49 | 50 | -------------------------------------------------------------------------------- /templates/cta/app/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | member photo 12 | member photo 20 | member photo 28 | member photo 36 | member photo 44 |
45 |
46 |

Get Started now

47 |

48 | Be part of millions people around the world using tailus in modern User Interfaces. 49 |

50 |
51 | 55 | Get Started 58 | 59 | 63 | More about 67 | 68 |
69 |
70 |
71 |
-------------------------------------------------------------------------------- /templates/cta/app/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/cta/app/preview/images/avatars/first_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/app/preview/images/avatars/first_user.webp -------------------------------------------------------------------------------- /templates/cta/app/preview/images/avatars/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/app/preview/images/avatars/second_user.webp -------------------------------------------------------------------------------- /templates/cta/app/preview/images/avatars/third_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/app/preview/images/avatars/third_user.webp -------------------------------------------------------------------------------- /templates/cta/app/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | app call to action 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 | member photo 28 | member photo 36 | member photo 44 | member photo 52 | member photo 60 |
61 |
62 |

Get Started now

63 |

64 | Be part of millions people around the world using tailus in modern User Interfaces. 65 |

66 |
67 | 71 | Get Started 74 | 75 | 79 | More about 83 | 84 |
85 |
86 |
87 |
88 | 89 | 90 | -------------------------------------------------------------------------------- /templates/cta/bank/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | Your money in your hands, but safe. 5 |

6 | 10 | Create an Account now 13 | 14 |
15 |
16 | -------------------------------------------------------------------------------- /templates/cta/bank/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/cta/bank/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | bank call to action 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |

20 | Your money in your hands, but safe. 21 |

22 | 26 | Create an Account now 29 | 30 |
31 |
32 | 33 | 34 | -------------------------------------------------------------------------------- /templates/cta/ecommerce-site/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
6 |
7 |

8 | Buy now and benefit up to 30% off 9 |

10 |

11 | Be part of millions people around the world using tailus in modern User Interfaces. 12 |

13 |
14 | 18 | Shop now 21 | 22 | 26 | More about 30 | 31 |
32 |
33 |
34 |
35 | shoes 43 |
44 |
45 | shoe 53 |
54 |
55 | shoes 63 |
64 |
65 |
66 |
67 |
-------------------------------------------------------------------------------- /templates/cta/ecommerce-site/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/cta/ecommerce-site/preview/images/products/daniel.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/ecommerce-site/preview/images/products/daniel.webp -------------------------------------------------------------------------------- /templates/cta/ecommerce-site/preview/images/products/iman.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/ecommerce-site/preview/images/products/iman.webp -------------------------------------------------------------------------------- /templates/cta/ecommerce-site/preview/images/products/kushagra.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/ecommerce-site/preview/images/products/kushagra.webp -------------------------------------------------------------------------------- /templates/cta/ecommerce-site/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | ecommerce call to action 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
22 |
23 |

24 | Buy now and benefit up to 30% off 25 |

26 |

27 | Be part of millions people around the world using tailus in modern User Interfaces. 28 |

29 |
30 | 34 | Shop now 37 | 38 | 42 | More about 46 | 47 |
48 |
49 |
50 |
51 | shoes 59 |
60 |
61 | shoe 69 |
70 |
71 | shoes 79 |
80 |
81 |
82 |
83 |
84 | 85 | 86 | -------------------------------------------------------------------------------- /templates/cta/product/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

Download it now

6 |

7 | Be part of millions people around the world using tailus in modern User Interfaces. 8 |

9 |
10 | 17 | google play badge 23 | 24 | 31 | apple store badge 37 | 38 |
39 |
40 | mobility_illustration 48 |
49 |
50 |
-------------------------------------------------------------------------------- /templates/cta/product/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/cta/product/preview/images/badges/app-store.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/product/preview/images/badges/app-store.png -------------------------------------------------------------------------------- /templates/cta/product/preview/images/badges/google_play.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/product/preview/images/badges/google_play.png -------------------------------------------------------------------------------- /templates/cta/product/preview/images/mobility_illustration.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/cta/product/preview/images/mobility_illustration.webp -------------------------------------------------------------------------------- /templates/cta/product/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | product call to action 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |
21 |

Download it now

22 |

23 | Be part of millions people around the world using tailus in modern User Interfaces. 24 |

25 |
26 | 33 | google play badge 39 | 40 | 47 | apple store badge 53 | 54 |
55 |
56 | mobility_illustration 64 |
65 |
66 |
67 | 68 | 69 | -------------------------------------------------------------------------------- /templates/dashboard/navigation-layout/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/dashboard/navigation-layout/preview/images/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/dashboard/navigation-layout/preview/images/second_user.webp -------------------------------------------------------------------------------- /templates/dashboard/stats-cards/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/dashboard/stats-cards/preview/images/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/dashboard/stats-cards/preview/images/second_user.webp -------------------------------------------------------------------------------- /templates/features/bottom-icon/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

5 | A technology-first approach to payments 6 | and finance 7 |

8 |
9 |
10 |
11 |
12 | 18 |
19 |

20 | First feature 21 |

22 |

23 | Quae accusantium, laudantium recusandae tenetur fugiat non cum doloribus aperiam 24 | voluptates nostrum. 25 |

26 |
27 | burger illustration 34 |
35 |
36 |
37 |
38 | 44 |
45 |

46 | Second feature 47 |

48 |

49 | Quae accusantium, laudantium recusandae tenetur fugiat non cum doloribus aperiam 50 | voluptates nostrum. 51 |

52 |
53 | burger illustration 60 |
61 |
62 |
63 |
64 | 70 |
71 |

72 | Third feature 73 |

74 |

75 | Quae accusantium, laudantium recusandae tenetur fugiat non cum doloribus aperiam 76 | voluptates nostrum. 77 |

78 |
79 | burger illustration 86 |
87 |
88 |
89 |
90 |
-------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/images/avatars/burger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/bottom-icon/preview/images/avatars/burger.png -------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/images/avatars/fast-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/bottom-icon/preview/images/avatars/fast-delivery.png -------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/images/avatars/metal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/bottom-icon/preview/images/avatars/metal.png -------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/images/avatars/package-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/bottom-icon/preview/images/avatars/package-delivery.png -------------------------------------------------------------------------------- /templates/features/bottom-icon/preview/images/avatars/trowel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/bottom-icon/preview/images/avatars/trowel.png -------------------------------------------------------------------------------- /templates/features/elevated/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/features/elevated/preview/images/avatars/burger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/elevated/preview/images/avatars/burger.png -------------------------------------------------------------------------------- /templates/features/elevated/preview/images/avatars/fast-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/elevated/preview/images/avatars/fast-delivery.png -------------------------------------------------------------------------------- /templates/features/elevated/preview/images/avatars/metal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/elevated/preview/images/avatars/metal.png -------------------------------------------------------------------------------- /templates/features/elevated/preview/images/avatars/package-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/elevated/preview/images/avatars/package-delivery.png -------------------------------------------------------------------------------- /templates/features/elevated/preview/images/avatars/trowel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/elevated/preview/images/avatars/trowel.png -------------------------------------------------------------------------------- /templates/features/flat/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/features/flat/preview/images/avatars/burger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/flat/preview/images/avatars/burger.png -------------------------------------------------------------------------------- /templates/features/flat/preview/images/avatars/fast-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/flat/preview/images/avatars/fast-delivery.png -------------------------------------------------------------------------------- /templates/features/flat/preview/images/avatars/metal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/flat/preview/images/avatars/metal.png -------------------------------------------------------------------------------- /templates/features/flat/preview/images/avatars/package-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/flat/preview/images/avatars/package-delivery.png -------------------------------------------------------------------------------- /templates/features/flat/preview/images/avatars/trowel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/flat/preview/images/avatars/trowel.png -------------------------------------------------------------------------------- /templates/features/stacked/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/features/stacked/preview/images/avatars/burger.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/stacked/preview/images/avatars/burger.png -------------------------------------------------------------------------------- /templates/features/stacked/preview/images/avatars/fast-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/stacked/preview/images/avatars/fast-delivery.png -------------------------------------------------------------------------------- /templates/features/stacked/preview/images/avatars/metal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/stacked/preview/images/avatars/metal.png -------------------------------------------------------------------------------- /templates/features/stacked/preview/images/avatars/package-delivery.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/stacked/preview/images/avatars/package-delivery.png -------------------------------------------------------------------------------- /templates/features/stacked/preview/images/avatars/trowel.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/features/stacked/preview/images/avatars/trowel.png -------------------------------------------------------------------------------- /templates/footer/application-website/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/footer/company-website/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/footer/ecommerce-website/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/footer/product-website/_html.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /templates/footer/product-website/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/footer/startup-website/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/hero-section/architecture/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | @layer components{ 10 | #toggle_nav:checked ~ div #hamburger #line 11 | { 12 | @apply rotate-45 translate-y-1.5 13 | } 14 | 15 | #toggle_nav:checked ~ div #hamburger #line2 16 | { 17 | @apply -rotate-45 -translate-y-1 18 | } 19 | } -------------------------------------------------------------------------------- /templates/hero-section/architecture/preview/images/bg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/architecture/preview/images/bg.webp -------------------------------------------------------------------------------- /templates/hero-section/architecture/preview/images/bg2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/architecture/preview/images/bg2.webp -------------------------------------------------------------------------------- /templates/hero-section/ecommerce-mood/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | @layer components{ 10 | #toggleNav:checked ~ .block-endnav #hamburger #line 11 | { 12 | @apply rotate-45 translate-y-1.5 13 | } 14 | 15 | #toggleNav:checked ~ .block-endnav #hamburger #line2 16 | { 17 | @apply -rotate-45 -translate-y-1 18 | } 19 | } -------------------------------------------------------------------------------- /templates/hero-section/ecommerce-mood/preview/images/shoes2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/ecommerce-mood/preview/images/shoes2.jpg -------------------------------------------------------------------------------- /templates/hero-section/ecommerce-shoes/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | @layer components{ 9 | #toggle_nav:checked ~ div #hamburger #line 10 | { 11 | @apply rotate-45 translate-y-1.5 12 | } 13 | 14 | #toggle_nav:checked ~ div #hamburger #line2 15 | { 16 | @apply -rotate-45 -translate-y-1 17 | } 18 | } -------------------------------------------------------------------------------- /templates/hero-section/ecommerce-shoes/preview/images/shoes.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/ecommerce-shoes/preview/images/shoes.png -------------------------------------------------------------------------------- /templates/hero-section/ecommerce-shoes/preview/images/user.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/ecommerce-shoes/preview/images/user.png -------------------------------------------------------------------------------- /templates/hero-section/food-delivery/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | @layer components{ 9 | #toggle_nav:checked ~ div #hamburger #line 10 | { 11 | @apply rotate-45 translate-y-1.5 12 | } 13 | 14 | #toggle_nav:checked ~ div #hamburger #line2 15 | { 16 | @apply -rotate-45 -translate-y-1 17 | } 18 | } -------------------------------------------------------------------------------- /templates/hero-section/food-delivery/preview/images/food.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/food-delivery/preview/images/food.webp -------------------------------------------------------------------------------- /templates/hero-section/food-delivery/preview/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/food-delivery/preview/images/icon.png -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | @layer components{ 10 | #toggle_nav:checked ~ div #hamburger #line 11 | { 12 | @apply rotate-45 translate-y-1.5 13 | } 14 | 15 | #toggle_nav:checked ~ div #hamburger #line2 16 | { 17 | @apply -rotate-45 -translate-y-1 18 | } 19 | } -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/images/clients/grabyo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/horse/preview/images/clients/grabyo.png -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/images/clients/lifegroups.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/horse/preview/images/clients/lifegroups.png -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/images/clients/lilly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/horse/preview/images/clients/lilly.png -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/images/clients/microsoft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/horse/preview/images/clients/microsoft.png -------------------------------------------------------------------------------- /templates/hero-section/horse/preview/images/horse1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/horse/preview/images/horse1.png -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | 10 | @layer components{ 11 | .sticky-nav{ 12 | @apply bg-white bg-opacity-40 backdrop-blur-md 13 | } 14 | .sticky-nav #navBox{ 15 | @apply bg-transparent bg-opacity-0 backdrop-blur-none; 16 | } 17 | } -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/background2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/background2.webp -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/clients/grabyo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/clients/grabyo.png -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/clients/lifegroups.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/clients/lifegroups.png -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/clients/lilly.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/clients/lilly.png -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/clients/microsoft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/clients/microsoft.png -------------------------------------------------------------------------------- /templates/hero-section/job-board/preview/images/clients/myob.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/job-board/preview/images/clients/myob.png -------------------------------------------------------------------------------- /templates/hero-section/sass/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | @layer components { 10 | .navbar-active .hamburger div:first-child { 11 | @apply rotate-45 translate-y-1.5; 12 | } 13 | .navbar-active .hamburger div:last-child { 14 | @apply -rotate-45 -translate-y-1; 15 | } 16 | .navbar-active div:first-child div:first-child div:last-child{ 17 | @apply block lg:flex 18 | } 19 | } -------------------------------------------------------------------------------- /templates/hero-section/sass/preview/images/clients/coty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /templates/hero-section/tech-startup/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body{ 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | @layer components { 9 | .navbar-active .hamburger div:first-child { 10 | @apply rotate-45 translate-y-1.5; 11 | } 12 | .navbar-active .hamburger div:last-child { 13 | @apply -rotate-45 -translate-y-1; 14 | } 15 | .navbar-active div:first-child div:first-child div:last-child{ 16 | @apply block lg:flex 17 | } 18 | } -------------------------------------------------------------------------------- /templates/hero-section/tech-startup/preview/images/chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/tech-startup/preview/images/chat.png -------------------------------------------------------------------------------- /templates/hero-section/tech-startup/preview/images/clients/coty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /templates/hero-section/tech-startup/preview/images/slack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/tech-startup/preview/images/slack.png -------------------------------------------------------------------------------- /templates/hero-section/tech-startup/preview/images/zoom.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/hero-section/tech-startup/preview/images/zoom.png -------------------------------------------------------------------------------- /templates/login/phone/_html.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 7 |
8 |
9 |
10 | tailus logo 11 |

Welcome back to Tailus.

12 |
13 |
14 | 15 |
16 | 17 | 18 | 19 | 27 |
28 | 34 |
35 |
36 |
37 |

By proceeding, you consent to get calls, WhatsApp or SMS messages, including by automated means, from Tailus and its affiliates to the number provided.

38 | 39 |

40 | Don't have an account ? 41 | Sign up 42 |

43 |
44 |
45 |
46 |
47 |
48 | -------------------------------------------------------------------------------- /templates/login/phone/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/login/phone/preview/images/icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /templates/login/phone/preview/images/smiling.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/login/phone/preview/images/smiling.webp -------------------------------------------------------------------------------- /templates/login/plus-social/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } -------------------------------------------------------------------------------- /templates/login/plus-social/preview/images/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /templates/login/simplecard/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | tailus logo 5 |
6 |
7 |

Sign in to your account

8 |
9 |
10 | 11 | 18 |
19 | 20 |
21 |
22 | 23 | 26 |
27 | 34 |
35 | 36 | 39 | 40 |

41 | Don't have an account ? 42 | Sign up 43 |

44 |
45 |
46 |
47 |
48 | © tailus 49 | Contact 50 | Privacy & Terms 51 |
52 |
53 |
54 |
-------------------------------------------------------------------------------- /templates/login/simplecard/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/login/simplecard/preview/images/bg2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/login/simplecard/preview/images/bg2.webp -------------------------------------------------------------------------------- /templates/login/simplecard/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | application website logo cloud 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 | tailus logo 21 |
22 |
23 |

Sign in to your account

24 |
25 |
26 | 27 | 34 |
35 | 36 |
37 |
38 | 39 | 42 |
43 | 50 |
51 | 52 | 55 | 56 |

57 | Don't have an account ? 58 | Sign up 59 |

60 |
61 |
62 |
63 |
64 | © tailus 65 | Contact 66 | Privacy & Terms 67 |
68 |
69 |
70 |
71 | 72 | 73 | -------------------------------------------------------------------------------- /templates/login/social/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/login/social/preview/images/google.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /templates/login/social/preview/images/icon.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /templates/logo_cloud/application-site/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
Trusted by +5 giants
5 |
6 |
7 |
8 | logo 14 | logo 20 | logo 26 | logo 32 | logo 38 |
39 |
40 |
41 |
-------------------------------------------------------------------------------- /templates/logo_cloud/application-site/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/logo_cloud/application-site/preview/images/clients/coty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /templates/logo_cloud/application-site/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | application website logo cloud 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |
Trusted by +5 giants
21 |
22 |
23 |
24 | logo 30 | logo 36 | logo 42 | logo 48 | logo 54 |
55 |
56 |
57 |
58 | 59 | 60 | -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

5 | Your favorite companies are our partners. 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 |
-------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/images/clients/client-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/logo_cloud/company-site/preview/images/clients/client-1.png -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/images/clients/client-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/logo_cloud/company-site/preview/images/clients/client-3.png -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/images/clients/client-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/logo_cloud/company-site/preview/images/clients/client-4.png -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/images/clients/client-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/logo_cloud/company-site/preview/images/clients/client-8.png -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/images/clients/coty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /templates/logo_cloud/company-site/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | company logo cloud 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |

21 | Your favorite companies are our partners. 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 | -------------------------------------------------------------------------------- /templates/logo_cloud/sponsors/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

5 | Our heroes contribute to the development of tailus 6 |

7 |
8 |
9 |
10 |
13 | logo airbnb 19 |
20 |
23 | logo microsoft 29 |
30 |
33 | logo ge 39 |
40 |
43 | logo bissell 49 |
50 |
53 | logo bissell 59 |
60 |
63 | logo automatic 69 |
70 |
71 |
72 |
73 |
-------------------------------------------------------------------------------- /templates/logo_cloud/sponsors/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/logo_cloud/sponsors/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | library logo cloud template 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |

21 | Our heroes contribute to the development of tailus 22 |

23 |
24 |
25 |
26 |
29 | logo airbnb 35 |
36 |
39 | logo microsoft 45 |
46 |
49 | logo ge 55 |
56 |
59 | logo bissell 65 |
66 |
69 | logo bissell 75 |
76 |
79 | logo automatic 85 |
86 |
87 |
88 |
89 |
90 | 91 | 92 | -------------------------------------------------------------------------------- /templates/logo_cloud/startup-site/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |

Our clients

6 |

We have already worked for +20 clients

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 |
-------------------------------------------------------------------------------- /templates/logo_cloud/startup-site/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/logo_cloud/startup-site/preview/images/clients/coty.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /templates/logo_cloud/startup-site/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | startup logo cloud 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |
21 |

Our clients

22 |

We have already worked for +20 clients

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 | -------------------------------------------------------------------------------- /templates/pricing/comparator/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/pricing/comparator/preview/images/free.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/comparator/preview/images/free.webp -------------------------------------------------------------------------------- /templates/pricing/comparator/preview/images/organization.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/comparator/preview/images/organization.webp -------------------------------------------------------------------------------- /templates/pricing/comparator/preview/images/pro.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/comparator/preview/images/pro.webp -------------------------------------------------------------------------------- /templates/pricing/comparator/preview/images/team.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/comparator/preview/images/team.webp -------------------------------------------------------------------------------- /templates/pricing/organization/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/pricing/personnal/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/pricing/team/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .bg-layers { 10 | -webkit-animation: filter-animation 4s infinite; 11 | animation: filter-animation 4s infinite; 12 | } 13 | 14 | .bg-scale { 15 | -webkit-animation: filter-animation 8s infinite; 16 | animation: filter-scale 8s infinite; 17 | } 18 | 19 | @-webkit-keyframes filter-animation { 20 | 0% { 21 | -webkit-filter: hue-rotate(0deg); 22 | } 23 | 50% { 24 | -webkit-filter: hue-rotate(45deg); 25 | } 26 | 27 | 100% { 28 | -webkit-filter: hue-rotate(0deg); 29 | } 30 | } 31 | 32 | @keyframes filter-animation { 33 | 0% { 34 | filter: hue-rotate(0deg); 35 | } 36 | 50% { 37 | filter: hue-rotate(45deg); 38 | } 39 | 100% { 40 | filter: hue-rotate(0deg); 41 | } 42 | } 43 | 44 | @keyframes filter-scale { 45 | 0% { 46 | transform: scale(1); 47 | } 48 | 50% { 49 | transform: scale(1.4); 50 | } 51 | 100% { 52 | transform: scale(0.8); 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /templates/pricing/team/preview/images/premium.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/team/preview/images/premium.webp -------------------------------------------------------------------------------- /templates/pricing/team/preview/images/tanzanite.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/pricing/team/preview/images/tanzanite.webp -------------------------------------------------------------------------------- /templates/services/end-image/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 |

Graphic Design

7 |

8 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 9 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 10 |

11 | Know more 12 |
13 | illustration 21 |
22 |
23 |
24 |

UI Design

25 |

26 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 27 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 28 |

29 | Know more 30 |
31 | illustration 39 |
40 |
41 |
42 |

UX Design

43 |

44 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 45 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 46 |

47 | Know more 48 |
49 | illustration 57 |
58 |
59 |
60 |
-------------------------------------------------------------------------------- /templates/services/end-image/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/services/end-image/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | service end images cards 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |
20 |
21 |
22 |

Graphic Design

23 |

24 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 25 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 26 |

27 | Know more 28 |
29 | illustration 37 |
38 |
39 |
40 |

UI Design

41 |

42 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 43 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 44 |

45 | Know more 46 |
47 | illustration 55 |
56 |
57 |
58 |

UX Design

59 |

60 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 61 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 62 |

63 | Know more 64 |
65 | illustration 73 |
74 |
75 |
76 |
77 | 78 | 79 | -------------------------------------------------------------------------------- /templates/services/extended/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/services/extended/preview/images/bg.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/extended/preview/images/bg.webp -------------------------------------------------------------------------------- /templates/services/extended/preview/images/smiling.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/extended/preview/images/smiling.webp -------------------------------------------------------------------------------- /templates/services/extended/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | Tailus blocks | illustration Service 9 | 10 | 11 | 15 | 16 | 17 |
18 |
19 |

20 | A technology-first approach to payments 21 | and finance 22 |

23 |
24 |
25 |
26 |
27 | 32 |
33 |
34 |

Web applications development

35 |

36 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 37 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 38 |

39 | 40 |
    41 |
  • Search Engine Optimization
    • 42 |
  • Responsive Design
    • 43 |
  • User friendly
    • 44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 | 56 |
57 |
58 |

Web development training...

59 |

60 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 61 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 62 |

63 | 64 |
    65 |
  • Search Engine Optimization
    • 66 |
  • Responsive Design
    • 67 |
  • User friendly
    • 68 |
69 |
70 |
71 |
72 |
73 |
74 |
75 | 76 | 77 | -------------------------------------------------------------------------------- /templates/services/illustrated/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 | illustration 11 |

Web development

12 |

13 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur ullam 14 | tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 15 |

16 | 20 | → 21 | 22 |
23 |
24 | illustration 30 |

Seo

31 |

32 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur ullam 33 | tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 34 |

35 | 36 | 40 | → 41 | 42 |
43 |
44 | illustration 50 |

Web Design

51 |

52 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur ullam 53 | tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 54 |

55 | 59 | → 60 | 61 |
62 |
63 |
64 |
-------------------------------------------------------------------------------- /templates/services/illustrated/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/services/illustrated/preview/images/icons/code.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/illustrated/preview/images/icons/code.png -------------------------------------------------------------------------------- /templates/services/illustrated/preview/images/icons/graphic.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/illustrated/preview/images/icons/graphic.webp -------------------------------------------------------------------------------- /templates/services/illustrated/preview/images/icons/magic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/illustrated/preview/images/icons/magic.png -------------------------------------------------------------------------------- /templates/services/mansory/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 | illustration 13 |

Web development

14 |

15 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 16 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 17 |

18 | Know more 19 |
20 |
21 |
22 |
25 |
26 | illustration 33 |

Web development mentoring.

34 |

35 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 36 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 37 |

38 |
39 | Know more 40 |
41 |
42 |
43 |
46 |
47 | illustration 54 |

Web development training

55 |

56 | Obcaecati, quam? Eligendi, nulla numquam natus laborum porro at cum, consectetur 57 | ullam tempora ipsa iste officia sed officiis! Incidunt ea animi officiis. 58 |

59 |
60 | Know more 61 |
62 |
63 |
64 |
65 |
-------------------------------------------------------------------------------- /templates/services/mansory/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/services/mansory/preview/images/service.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/mansory/preview/images/service.webp -------------------------------------------------------------------------------- /templates/services/mansory/preview/images/service2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/mansory/preview/images/service2.webp -------------------------------------------------------------------------------- /templates/services/mansory/preview/images/service3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/services/mansory/preview/images/service3.webp -------------------------------------------------------------------------------- /templates/team/bio-link/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

5 | Tailus blocks leadership 6 |

7 |

8 | Tailus prides itself not only on award-winning technology, but also on the talent of its 9 | people of some of the brightest minds and most experienced executives in business. 10 |

11 |
12 |
13 |
14 |
15 | woman 23 |
24 |
25 |
26 |

Hentoni Doe

27 | CEO-Founder 28 |
29 | View Bio 30 |
31 |
32 | 33 |
34 |
35 | woman 43 |
44 |
45 |
46 |

Anabelle Doe

47 | Chief Operations Officer 48 |
49 | View Bio 50 |
51 |
52 | 53 |
54 |
55 | man 63 |
64 |
65 |
66 |

Jonathan Doe

67 | Chief Technical Officer 68 |
69 | View Bio 70 |
71 |
72 |
73 |
74 |
-------------------------------------------------------------------------------- /templates/team/bio-link/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/team/bio-link/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/bio-link/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/team/bio-link/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/bio-link/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/team/bio-link/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/bio-link/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/team/classic/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |

5 | Tailus blocks leadership 6 |

7 |

8 | Tailus prides itself not only on award-winning technology, but also on the talent of its 9 | people of some of the brightest minds and most experienced executives in business. 10 |

11 |
12 |
13 |
14 | woman 22 |
23 |

Hentoni Doe

24 | CEO-Founder 25 |
26 |
27 |
28 | man 36 |
37 |

Jonathan Doe

38 | Chief Technical Officer 39 |
40 |
41 |
42 | woman 50 |
51 |

Anabelle Doe

52 | Chief Operations Officer 53 |
54 |
55 |
56 |
57 |
-------------------------------------------------------------------------------- /templates/team/classic/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/team/classic/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/classic/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/team/classic/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/classic/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/team/classic/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/classic/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/team/classic/preview/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | Tailus blocks | team section 10 | 11 | 12 | 16 | 17 | 18 | 19 |
20 |
21 |
22 |

23 | Tailus blocks leadership 24 |

25 |

26 | Tailus prides itself not only on award-winning technology, but also on the talent of its 27 | people of some of the brightest minds and most experienced executives in business. 28 |

29 |
30 |
31 |
32 | woman 40 |
41 |

Hentoni Doe

42 | CEO-Founder 43 |
44 |
45 |
46 | man 54 |
55 |

Jonathan Doe

56 | Chief Technical Officer 57 |
58 |
59 |
60 | woman 68 |
69 |

Anabelle Doe

70 | Chief Operations Officer 71 |
72 |
73 |
74 |
75 |
76 | 77 | 78 | -------------------------------------------------------------------------------- /templates/team/leadership/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/team/leadership/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/leadership/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/team/leadership/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/leadership/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/team/leadership/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/leadership/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/team/polygon-avatar/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/team/polygon-avatar/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/polygon-avatar/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/team/polygon-avatar/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/polygon-avatar/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/team/polygon-avatar/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/polygon-avatar/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/team/rounded-avatar/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | -------------------------------------------------------------------------------- /templates/team/rounded-avatar/preview/images/man.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/rounded-avatar/preview/images/man.jpg -------------------------------------------------------------------------------- /templates/team/rounded-avatar/preview/images/woman.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/rounded-avatar/preview/images/woman.jpg -------------------------------------------------------------------------------- /templates/team/rounded-avatar/preview/images/woman1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/team/rounded-avatar/preview/images/woman1.jpg -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/_html.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | What's our customers say 5 |

6 |
7 |
10 |
11 | user avatar 19 |

20 | " Lorem ipsum dolor sit amet consectetur adipisicing 21 | elit. Quaerat repellat perspiciatis excepturi est. Non ipsum iusto aliquam 22 | consequatur repellat provident, omnis ut, sapiente voluptates veritatis cum deleniti 23 | repudiandae ad doloribus. " 24 |

25 |
26 |
Jane Doe
27 | Product Designer 28 |
29 |
30 |
31 | 32 |
33 | user avatar 41 |
42 |

43 | " Lorem ipsum dolor sit amet consectetur adipisicing 44 | elit. Quaerat repellat perspiciatis excepturi est. Non ipsum iusto aliquam 45 | consequatur repellat provident, omnis ut, sapiente voluptates veritatis cum deleniti 46 | repudiandae ad doloribus. " 47 |

48 |
49 |
Jane Doe
50 | Product Designer 51 |
52 |
53 |
54 |
55 | user avatar 63 |
64 |

65 | " Lorem ipsum dolor sit amet consectetur adipisicing 66 | elit. Quaerat repellat perspiciatis excepturi est. Non ipsum iusto aliquam 67 | consequatur repellat provident, omnis ut, sapiente voluptates veritatis cum deleniti 68 | repudiandae ad doloribus. " 69 |

70 |
71 |
Jane Doe
72 | Product Designer 73 |
74 |
75 |
76 |
77 |
78 |
-------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/avatars/first_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/avatars/first_user.webp -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/avatars/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/avatars/second_user.webp -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/avatars/third_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/avatars/third_user.webp -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/clients/client-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/clients/client-3.png -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/clients/client-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/clients/client-4.png -------------------------------------------------------------------------------- /templates/testimonials/grid-cards/preview/images/clients/client-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/grid-cards/preview/images/clients/client-8.png -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/card.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/card.webp -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/card2.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/card2.webp -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/card3.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/card3.webp -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/clients/client-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/clients/client-3.png -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/clients/client-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/clients/client-4.png -------------------------------------------------------------------------------- /templates/testimonials/incards/preview/images/clients/client-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/incards/preview/images/clients/client-8.png -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/avatars/first_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/avatars/first_user.webp -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/avatars/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/avatars/second_user.webp -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/avatars/third_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/avatars/third_user.webp -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/clients/client-3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/clients/client-3.png -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/clients/client-4.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/clients/client-4.png -------------------------------------------------------------------------------- /templates/testimonials/tested/preview/images/clients/client-8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/tested/preview/images/clients/client-8.png -------------------------------------------------------------------------------- /templates/testimonials/twitter/preview/css/app.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | body { 6 | font-family: 'Urbanist', sans-serif; 7 | } 8 | 9 | .swiper { 10 | width: 100%; 11 | height: 100%; 12 | } 13 | 14 | .swiper-slide { 15 | text-align: center; 16 | font-size: 18px; 17 | background: #fff; 18 | 19 | /* Center slide text vertically */ 20 | display: -webkit-box; 21 | display: -ms-flexbox; 22 | display: -webkit-flex; 23 | display: flex; 24 | -webkit-box-pack: center; 25 | -ms-flex-pack: center; 26 | -webkit-justify-content: center; 27 | justify-content: center; 28 | -webkit-box-align: center; 29 | -ms-flex-align: center; 30 | -webkit-align-items: center; 31 | align-items: center; 32 | } 33 | 34 | .swiper-slide img { 35 | display: block; 36 | width: 100%; 37 | height: 100%; 38 | object-fit: cover; 39 | } 40 | -------------------------------------------------------------------------------- /templates/testimonials/twitter/preview/images/first_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/twitter/preview/images/first_user.webp -------------------------------------------------------------------------------- /templates/testimonials/twitter/preview/images/second_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/twitter/preview/images/second_user.webp -------------------------------------------------------------------------------- /templates/testimonials/twitter/preview/images/third_user.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Tailus-UI/blocks/7ca1870f9262a0ddfa8e169d3e79402dd0d29443/templates/testimonials/twitter/preview/images/third_user.webp --------------------------------------------------------------------------------