- Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. -
- - -- - - Bootstrap documentation - -
- - -Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
-Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
-- Animate on scroll library. -
- - -- - - Plugin documentation - -
- - -- Create and group avatars of different sizes and shapes with a single component. -
- - -- Using Bootstrap’s typical naming structure, you can create a standard avatar, or scale it up to different sizes based on what’s needed. -
- - -
-
-
-
-
-
- - Add an online or offline status indicator to show user's availability. -
- - -
-
-
-
-
-
- - Change the shape of an avatar with the default Bootstrap image classes. -
- - -
-
-
-
-
-
-
- Change the proportional relationship between the width and height of an avatar to 4 by 3 with an .avatar-4by3 modifier.
-
-
-
-
- - You won't always have an image for every user, so easily use initials instead. -
- - -- Easily group avatars of any size, shape and content with a single component. Each avatar can also use an to link to the corresponding profile. -
- - -
-
-
-
-
-
-
-
-
- - Background utilities to easily change background sizing, position, and color properties. -
- - -- Additonal background color utilities. -
- - -
- Adds a background gradient image that goes from $light to $white.
-
- Sets the background-image property to cover.
-
- Positions two background images with a space between them. -
- - -- A small count and labeling component. -
- - -- - - Bootstrap documentation - -
- - -
- Creates a soft variant of a corresponding contextual badge variation. These can be used exactly like Bootstrap's core badges, including modifying classes like .rounded-pill, as an <a> itself, or inside of <button> or <a> elements.
-
- Create badges of a bigger size with a .badge-lg modifier.
-
- Turn any badge into a circle with a .badge-rounded-cirle modifier.
-
- Position any badge absolutely inside or outside an element with .badge-float-inside and .badge-float-outside modifiers.
-
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur? -
- -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, sed modi officiis asperiores ex sapiente beatae earum, iusto labore! Fugiat officia iure mollitia, aut, error provident dolorum voluptates deleniti consectetur? -
- -- Vanilla JavaScript image / video viewer. Doesn't sit on the DOM when inactive. -
- - -- - - Plugin documentation - -
- - -- Use border utilities to quickly style the border and border-radius of an element. Great for images, buttons, or any other element. -
- - -- Additonal border color utilities. Additonal modifier at the end of the utility name means the opacity level. -
- - -- Responsive border utilities to add or remove borders only when you need it. -
- - -- Indicate the current page’s location within a navigational hierarchy that automatically adds separators via CSS. -
- - -- - - Bootstrap documentation - -
- - -
- Prevent a breadcrumb from wrapping on the next line and make it scrollable horizontally with a .breadcrumb-scroll modifier.
-
- Use Bootstrap’s custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more. -
- - -- - - Bootstrap documentation - -
- - -- Creates a soft variant of a corresponding contextual button variation. -
- - -- Creates a rounded variation of a button component. -
- - -
- Turn any button into a circle with a .btn-rounded-cirle modifier.
-
- Bootstrap’s cards provide a flexible and extensible content container with multiple variants and options. -
- - -- - - Bootstrap documentation - -
- - -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis non dolore est fuga nobis ipsum illum eligendi nemo iure repellat, soluta, optio minus ut reiciendis voluptates enim impedit veritatis officiis. -
- Go somewhere -- Add a contextual border to the top of the card component. Three sizing options are available. -
- - -- Spans the card component from edge to edge and removes its border radius on extra small screens. -
- - -- Combination of the default Bootstrap card component with an image at the top and a form in the body of it. -
- - -
-
-
- - Combination of the card component, grid utilities and the blockquote for a testimonials component. -
- - -
-
-
- - - --- “Working at Landkit has been a dream. The team is amazing, the office is perfect, and I feel like I'm part of a family. I'll be here for a great many years.” -
- - - - -
- The card component without images, with an image at the top, and an image in the background. -
- - -- Once you have your rental posted, you should focus on how you can differentiate your home with little touches. Chocolates, specialty coffee, fast wifi, nice toiletries, or a personal note. Small touches can make a huge difference. -
- - - - - - - -
- - -
- - - -- Combination of the card component, styled lists and other components. -
- -- per seat -
- - -- Rich landing pages -
- -- 100+ components -
- -- per seat -
- - -- Rich landing pages -
- -- 100+ components -
- -- Flexible licensing -
- -- Speedy build tooling -
- -- 6 months free support -
- -- per seat -
- - -- Rich landing pages -
- -- 100+ components -
- -- Flexible licensing -
- -- Speedy build tooling -
- -- 6 months free support -
- -- 256-bit encryption -
- -- Guaranteed 100% uptime -
- -- Unlimited users -
- -- Variations of the card component. -
- - -
- 
- - v2.0.0-alpha - - September 15th, 2020 -
- - -Known issues:
- - -- v1.2.1 - - September 15th, 2020 -
- - -Updated files:
- - -- v1.2.0 - - May 14th, 2020 -
- - -
-
-
- 
-
-
- 
-
-
- 
- 
- startup.html..otf font files.@@type attribute with @@container to support all container types.New files:
- - -Updated files:
- - -Removed files:
- - -- v1.1.3 - - April 1st, 2020 -
- - -- v1.1.2 - - December 2nd, 2019 -
- - -- v1.1.1 - - November 18th, 2019 -
- - -package-lock.json.- v1.1.0 - - June 17th, 2019 -
- - -data- attributes.npm audit vulnerabilities.- v1.0.0 - - April 15th, 2019 -
- - -- Choices.js is a lightweight, configurable select box/text input plugin. Similar to Select2 and Selectize but without the jQuery dependency. We currently support only the basic variation of the Choices plugin. Styles for search field, pills and other elements will be added in one of the future releases. -
- - -- - - Plugin documentation - -
- - -- Dependency-free, lightweight JavaScript class that can be used to quickly create animations that display numerical data in a more interesting way. -
- - -- - - Plugin documentation - -
- - -- Combine CountUp.js with AOS to start the animation when an element becomes visible. -
- - -- Combined wuth CountUp.js, the pricing component helps you toggle between two pricing options with a custom switch. -
- - -- All types of businesses need access to development resources, so we give you the option to decide how much you need to use. -
- - - - - -- per seat -
- - -- Rich, responsive landing pages -
- -- 100+ styled components -
- -- Flexible, simple license -
- -- Speedy build tooling -
- -- 6 months free support included -
- -- Easily wrap your screenshots in iPhone X or Macbook device frames or create combos of both. iPhone X screenshot should be 720 x 450px or of the same ratio. Macbook screenshot should be 500 x 1080px or of the same ratio. -
- - -
- 
- 
- 
- - Three options to combine devices are available. -
- - -
-
-
-
-
-
-
-
-
-
-
-
- - Toggle contextual overlays for displaying lists of links and more with the Bootstrap dropdown plugin. -
- - -- - - Bootstrap documentation - -
- - -
- Create a small variation of the dropdown menu element with a .dropdown-menu-xs modifier.
-
- Drag and drop file uploads with image previews powered by Dropzone.js. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object. -
- - -- - - Plugin documentation - -
- - -
- - Landkit was designed in Figma, the best new design tool. -
- - - - - -- While Figma is a relatively new design tool, it has taken the top spot in our design toolkit. Having been a Sketch user since it's inception, it was a big decision to switch...but we so glad we did. Here are the biggest benefits we've found with Figma: -
- - -- The only downsides we've seen are that it takes a while to get used to different shortcut keys, and pasting assets into files doesn't work as well. The transition is hard in the beginning, but well worth it. -
- - -- Since we work pretty fluidly between Figma and actual code, we've decided it's a better investment of time to continue improving Landkit over babysitting our design file. That said, we realize it can be super useful to have a design resource to rough out new pages or spin up component variations. To that end, we provide an "unofficial" Landkit Figma file for you to play with. -
- - -- The file is far from perfect, and is relatively disorganized, but the type and colors systems are well utilized and the overall layouts are quite close to the live product. To play with design: -
- - -README.mdLandkit (Distributed), and then "Duplicate" to create an editable version.
-
- - Touch, responsive, flickable carousels. -
- - -- - - Plugin documentation - -
- - -
- 
- 
- 
-
- Create a white variation of the navigation buttons with a .flickity-button-white modifier.
-
-
-
-
-
- Change the position of the navigation buttons with a .flickity-buttons-inset modifier.
-
-
-
-
- - Changes the overflow visibililty of the flickity viewport. -
- - - - - -- Dashkit supports all of Bootstrap's default form styling in addition to a handful of new input types and features. -
- - -- - - Bootstrap documentation - -
- - -
- Set heights using classes like .form-control-lg and .form-control-sm.
-
- Easily extend form controls by adding text, buttons, or button groups on either side of textual inputs, custom selects, and custom file inputs. -
- - -- Provide valuable, actionable feedback to your users with HTML5 form validation–available in all our supported browsers. -
- - -
- Remove borders and horizontal paddings from a form control with a .form-control-flush modifier.
-
- Make labels floating over inputs as you type. -
- - -- Landkit comes with two icon sets and an Icon component to easily control their colouring and sizing. -
- - -- You can style the icons by using Bootstrap text utilities. -
- - -- Using Bootstrap’s typical naming structure, you can create a standard icon, or scale it up to different sizes based on what’s needed. -
- - -- Simply beautiful icons powered by the Feather icons. -
- - -- - - Plugin documentation - -
- - -
- Create a circle variation of a feather icon by wrapping it inside an .icon-circle container.
-
- Beautiful mobile and web illustration pack. Unfortunately, we cannot share the source SVG files, however you can get them from here: -
- - -- - - Source - -
- - -
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- 
-
- - Image transform utilities. -
- - -- Skew an image to the left or right. -
- - -
-
-
-
- - How to get started with Landkit! -
- - -- This guide will help you get started with Landkit! All the important stuff – compiling the source, file structure, build tools, file includes – is documented here, but should you have any questions, always feel free to reach out to support@goodthemes.co. -
- - -- Landkit extends Bootstrap by not only building on top of its existing components, but also introducing entirely new components and plugins. The best way to get an overview of this is to run through our components. -
- - -- To get started, you need to do the following: -
- - -npm install: Open your command line to the root directory of your unzipped theme and run to install all of Landkit's dependencies.
- It's that simple! If you're not used to using terminal, don't worry, this is as advanced as it gets. If you want to kill the server and stop Webpack, just hit Control + C.
-
- Webpack is used to manage Landkit development. Open your command line to the root directory of the theme to use the following commands: -
- - -npm start: Compile and watch the SCSS/JS/HTML, use Live Reload to update browsers instantly, start a server, and pop a tab in your default browser. Any changes made to the source files will be compiled as soon as you save the file.
- npm run build: Generates a /dist directory with all the production files.
- npm installs dependencies
- - The handlebars-webpack-plugin package is used to make partials easier to use for initial development. For Landkit, we only use it for a handful of components that are found on most pages. The following partials are available: -
- - -footer.html
- classList (string) - Parameter for passing additional classnames
- head.html
- title (string) - Parameter for the page title
- modals.html
- navbar.html
- classList (string) - Parameter for passing additional classnames
- container (string) - Parameter for passing container classname
- scripts.html
- sidenav.html
-
- Easily create new .html partials inside the /partials folder and point to them
- from any file by specifying the path to the partial file inside {{> }} curly brackets.
-
- Please read the official package documentation for more info. -
- - -- There are 2 basic ways to customize your theme... -
- - -webpack compilation steps outlined above. The 2 major benefits of this strategy are using variable overrides to easily customize theme styles, plus you never have to touch Bootstrap or Landkit's source, meaning future updates will be much, much, simpler. There are 2 provided files that make this strategy simple to implement:
- user-variables.scss: This file can be used to override Bootstrap core and Landkit variables for customizing elements that have been tied to variables.
- user.scss: This file can be used for writing custom SCSS that will be compiled alongside Bootstrap and Landkit's core files.
- theme.bundle.css file in the dist/assets/css directory.
- - Filter & sort magical layouts. -
- - -- - - Plugin documentation - -
- - -
-
- 
-
-
-
- 
-
- 
-
- - Smooth parallax scrolling effect for background images, videos and inline elements. -
- - -- - - Plugin documentation - -
- - -- We recommend you use Jarallax with background images to ensure compatibility with IE. -
- - -- Note: this is more like experimental feature, so the behavior could be changed in the future releases. -
- - -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet nisi magnam sit numquam quidem similique earum assumenda nesciunt a! Quos perspiciatis velit ipsum natus similique blanditiis possimus dignissimos inventore labore. -
- -- Visually lifts an element on hover and focus. -
- - -- Notice how this card stays the same height as its siblings and this text is vertically centered (at desktop sizes). This keeps layouts looking consistent no matter what type of content occupies each sibling card. -
- - - - - - - -
- - -
- - - -- List groups are a flexible and powerful component for displaying a series of content. Modify and extend them to support just about any content within. -
- - -- - - Bootstrap documentation - -
- - -
- Remove borders and horizontal paddings with a .list-group-flush component.
-
- Unlimited users. One price. -
- - -- We don't charge per seat, just per service. -
- -- Guaranteed 100% uptime -
- - -- Our server network never goes down. -
- -- Lifetime storage * -
- - -- We store all your data forever. No extra charge. -
- -- 256-bit encryption -
- - -- Keep your communication and data safe. -
- -- Creates a simple styled list of links. -
- - -- Adds an interactive map powered by Mapbox. -
- - -- - - Plugin documentation - -
- - -
- To enable the Mapbox map on your website, you'll need a Mapbox access token. Mapbox uses access tokens to associate API requests with your account. You can create a new access token on your Access Tokens page or programmatically using the Mapbox Tokens API. Once a new access token is created, please replace the original access token at src/assets/js/map.js with the new one.
-
- data-map='{"center": [-118.244615, 34.052979], "zoom": 12}' - initializes the map plugin. Please see the official plugin documentation for a full list of options.
- - Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content. -
- - -- - - Bootstrap documentation - -
- - -- Powerful and responsive navigation header, the navbar. Includes support for branding, navigation, and more, including support for the collapse plugin. -
- - -- - - Bootstrap documentation - -
- - -- Adds a semi-transparent overlay over an element. -
- - -- The following color options are available. -
- - -- Controls the opacity level of the overlay. -
- - -- Indicates a series of related content exists across multiple pages. -
- - -- - - Bootstrap documentation - -
- - -- Additional positioning utilities. -
- - -.top-0 - sets the top property to 0.
- .right-0 - sets the right property to 0.
- .bottom-0 - sets the bottom property to 0.
- .left-0 - sets the left property to 0.
- - - - Bootstrap documentation - -
- - -
- Add labels to your progress bars by placing text within the .progress-bar.
-
- Use background utility classes to change the appearance of individual progress bars. -
- - -
- We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.
-
- Powerful WYSIWYG text editor powered by Quill. You can pass any options supported by the plugin via the data-options attribute. The value must be a valid JSON object. -
- - -- - - Plugin documentation - -
- - -- Adds an increased border radius and box shadow to your image. -
- - -
- - Shadow utlities to add a box shadow to an element. -
- - -- Multiple shapes to use as separators for sections or as background images. -
- - -- Smooth curves that can be used at the top, bottom or right side of an element. Use text color utilities to control their coloring. -
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Wave shape that can be used at the top of an element. -
- - -
-
-
- - Angle shapes that can be used at the top, right, bottom, and left sides of an element. -
- - -
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- - Blur shapes that can be used as background images for elements. -
- - -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi. -
- -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi. -
- -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi. -
- -- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque reprehenderit rem veniam accusamus mollitia minus esse, aut voluptates provident, labore ab, eos vel nemo error cum similique nulla dignissimos animi. -
- -- You can create new shapes easily by exporting an SVG from your preferred editor (Sketch, Figma, etc.), but you will have to make a handful of modifications for the shape to work: -
- - -width and height attributespreserveAspectRatio="none" to the top level svg elementfill values that aren't "none" with "currentColor"- A few other important things to note... -
- - -- Sizing utlities to control the size of an element. -
- - -.mw-25(50, 75, 100, 110, 120, 130, 140, 150) - controls the max-width of an element in %.
- .vw-25(50, 75, 100, 110, 120, 130, 140, 150) - controls the width of an element in vw.
- - Responsive sizing utlities to control the size of an element at every breakpoint. -
- - -- A lightweight script to animate scrolling to anchor links. -
- - -- - - Plugin documentation - -
- - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed purus eget enim ornare luctus a at leo. Aenean nibh massa, posuere vel ipsum id, malesuada fringilla erat. Quisque laoreet tempor leo, non tristique massa hendrerit nec. Nulla non blandit dolor, vitae ultrices enim. Vivamus nec nisi at dolor venenatis finibus. Praesent viverra justo a velit gravida vehicula. Vivamus orci tellus, imperdiet nec rhoncus non, imperdiet ac nisi. Morbi vitae elementum est.
-Donec a nulla vel erat dictum egestas. Proin aliquam pellentesque ipsum at aliquam. Maecenas finibus, dui nec tristique pharetra, est diam consequat lectus, id elementum ligula est nec elit. In non velit id ex rutrum dapibus a efficitur nulla. Phasellus venenatis, odio ac aliquam dapibus, est nulla vehicula lacus, sed rhoncus tellus risus a ipsum. Ut vel pharetra nisl. Nunc eget tincidunt lacus, vel convallis erat. Donec quam lacus, malesuada vel dictum a, tincidunt pellentesque nulla. Cras tempor vel velit at malesuada. Donec sit amet massa feugiat, gravida nulla id, cursus lorem. Nullam nec luctus velit. Donec blandit augue vitae lorem viverra, id hendrerit sem vulputate. Cras vehicula dui neque, vitae aliquet sapien consequat sit amet. Maecenas eget nulla ultricies orci posuere fringilla eu eget orci. Integer vel aliquam leo. Quisque ultrices, nisl ut auctor ornare, ex mi interdum justo, ut luctus neque diam ut mauris.
-Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam velit lorem, consectetur ac nunc vitae, mattis ultricies purus. Ut eros libero, facilisis a posuere nec, hendrerit a nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu hendrerit nunc, id consectetur quam. Donec blandit mauris nec orci ornare, vitae viverra augue aliquam. Suspendisse fermentum felis nec mauris sodales ullamcorper. Donec in tincidunt sem, at lacinia diam. Suspendisse lacinia neque at metus finibus, quis tincidunt velit laoreet. Nullam congue, erat sed convallis condimentum, libero neque luctus nisi, et mattis arcu velit lacinia tortor. Curabitur imperdiet ante eleifend tellus ultrices, ac faucibus sem molestie.
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sed purus eget enim ornare luctus a at leo. Aenean nibh massa, posuere vel ipsum id, malesuada fringilla erat. Quisque laoreet tempor leo, non tristique massa hendrerit nec. Nulla non blandit dolor, vitae ultrices enim. Vivamus nec nisi at dolor venenatis finibus. Praesent viverra justo a velit gravida vehicula. Vivamus orci tellus, imperdiet nec rhoncus non, imperdiet ac nisi. Morbi vitae elementum est.
-Donec a nulla vel erat dictum egestas. Proin aliquam pellentesque ipsum at aliquam. Maecenas finibus, dui nec tristique pharetra, est diam consequat lectus, id elementum ligula est nec elit. In non velit id ex rutrum dapibus a efficitur nulla. Phasellus venenatis, odio ac aliquam dapibus, est nulla vehicula lacus, sed rhoncus tellus risus a ipsum. Ut vel pharetra nisl. Nunc eget tincidunt lacus, vel convallis erat. Donec quam lacus, malesuada vel dictum a, tincidunt pellentesque nulla. Cras tempor vel velit at malesuada. Donec sit amet massa feugiat, gravida nulla id, cursus lorem. Nullam nec luctus velit. Donec blandit augue vitae lorem viverra, id hendrerit sem vulputate. Cras vehicula dui neque, vitae aliquet sapien consequat sit amet. Maecenas eget nulla ultricies orci posuere fringilla eu eget orci. Integer vel aliquam leo. Quisque ultrices, nisl ut auctor ornare, ex mi interdum justo, ut luctus neque diam ut mauris.
-Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Etiam velit lorem, consectetur ac nunc vitae, mattis ultricies purus. Ut eros libero, facilisis a posuere nec, hendrerit a nulla. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer eu hendrerit nunc, id consectetur quam. Donec blandit mauris nec orci ornare, vitae viverra augue aliquam. Suspendisse fermentum felis nec mauris sodales ullamcorper. Donec in tincidunt sem, at lacinia diam. Suspendisse lacinia neque at metus finibus, quis tincidunt velit laoreet. Nullam congue, erat sed convallis condimentum, libero neque luctus nisi, et mattis arcu velit lacinia tortor. Curabitur imperdiet ante eleifend tellus ultrices, ac faucibus sem molestie.
- -- Indicate the loading state of a component or page with Bootstrap spinners. -
- - -- - - Bootstrap documentation - -
- - -
- A switch has the markup of a custom checkbox but uses the .custom-switch class to render a toggle switch. Switches also support the disabled attribute.
-
- - - Bootstrap documentation - -
- - -- Creates a dark variation of a custom switch component. -
- - -- - - Bootstrap documentation - -
- - -| # | -First | -Last | -Handle | -
|---|---|---|---|
| 1 | -Mark | -Otto | -@mdo | -
| 2 | -Jacob | -Thornton | -@fat | -
| 3 | -Larry | -the Bird | -
| # | -First | -Last | -Handle | -
|---|---|---|---|
| 1 | -Mark | -Otto | -@mdo | -
| 2 | -Jacob | -Thornton | -@fat | -
| 3 | -Larry | -the Bird | -
| # | -First | -Last | -Handle | -
|---|---|---|---|
| 1 | -Mark | -Otto | -@mdo | -
| 2 | -Jacob | -Thornton | -@fat | -
| 3 | -Larry | -the Bird | -
- Push notifications to your visitors with a toast, a lightweight and easily customizable alert message. -
- - -- - - Bootstrap documentation - -
- - -- Typography utilities to control text color. -
- - -- The following text color utilities are available: -
- - -Gray 100
-Gray 200
-Gray 300
-Gray 400
-Gray 500
-Gray 600
-Gray 700
-Gray 800
-Gray 900
- -White 70
-White 75
-White 80
-Muted 80
- -- Typed.js is a library that types. Enter in any string, and watch it type at the speed you've set, backspace what it's typed, and begin a new sentence for however many strings you've set. -
- - -- - - Plugin documentation - -
- - -data-typed='{"strings": ["designers", "developers"]}' - initializes the plugin. Please see the official plugin documentation for a full list of options.
- - Landkit is for . -
- -- Landkit makes use of the HK Grotesk Pro webfont for both headings and body content. This font (and a license to use the font) is included with Landkit! -
- - -- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod - tempor incididunt ut labore et dolore magna aliqua. -
- -- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod. -
- -- Link example -
- -- Utilities to control the visibility of an element. -
- - -.opacity-0 - sets the opacity value to 0.
- .opacity-1 - sets the opacity value to 1.
-