What are the three types of templates?

How do templates influence efficiency? What types of templates are there, and how do we differentiate between them? Could understanding these distinctions usher in a new era of productivity and simplify workflows? These are intriguing questions that merit thoughtful analysis. In a world where time is money, templates are becoming essential tools for organisations looking to streamline their operations and increase productivity.

Despite their widespread use, there’s confusion around the types of templates and their application. This shortcoming, which is acknowledged by experts, including Garrick Chow from Lynda.com and Clarice Scriber from the International Journal of Business Communication, inhibits users from leveraging templates’ full potential. According to a survey by the American Productivity & Quality Centre, only 32% of organisations utilise templates optimally. The key issue, then, lies in the lack of knowledge about the different types of templates. Addressing this issue would enable more people and organisations to fully utilise templates and enhance their operations.

In this article, you will learn about the three primary types of templates used in various fields. The article will delve into the characteristics, uses, and benefits of each template type. It will clarify the distinctions between these templates, enabling users to select the most suitable type for their specific needs.

Moreover, you will gain insights from successful case studies where templates have helped businesses and individuals save time, improve consistency, and deliver superior results. By the end of the reading, you’ll have a better understanding of how templates function and their potential applications in your own workplaces or personal projects.

What are the three types of templates?

Definitions of the Three Types of Templates

Templates, in a broad sense, are pre-formatted files or guidelines which help to create or facilitate certain tasks. When talking about templates there are generally three main types: Document templates, Website templates, and Design templates .

Document templates act as a starting point for a new document. They automatically apply a specific format, reducing the preparation time and ensuring consistency. Examples include resume templates or invoice templates.

Website templates are pre-designed webpages, or set of HTML webpages that anyone can use to plug-in their own text content and images. They serve to create a uniform appearance for all the website’s pages.

Design templates help to expedite the creation of graphics or design layouts. They could be for social media posts, business cards, flyers, etc.

Unlocking the Power of Different Templates: An In-depth Look

Exploring Functional Templates

One simply cannot deny the growing magnitude of the role that functional templates play in modern-day software development and web creation. A functional template, in essence, is a code written in a way that its functionality can be reused without rewriting the same code over and over again.

Three main types of templates provide this massive advantage; static, dynamic, and class templates.

  • Static templates are determined by ‘typename’ and shine in their executing efficiency. They are primarily used in situations where the same function is used repeatedly without any alterations in its operations.
  • Dynamic templates are flexible, adaptable, and allow the inclusion of conditional statements. This makes the dynamic template undeniably versatile but results in a longer execution time, since alterations are permissible during run-time.
  • The class template, which can be rather daunting to beginners, allows a property or a method to be utilized in multiple classes without redefining. It can be used along with both static and dynamic templates extensively.

The Value of Functional Templates in Programming

The most significant value brought to the table by functional templates is reduced redundancy. Writing the same code repetitively in a massive project is not a plausible way to move forward. Functional templates offer a path for reusability, thus paving the way for increased efficiency in code writing and execution. This not only saves time but also makes code maintenance a smoother process.

Secondly, they provide flexibility. In the realm of programming and coding, one size rarely fits all. Functional templates are customizable to an extent, allowing programmers the leeway to tweak and adjust the functions according to their needs. Especially when it comes to dynamic and class templates, the degree of flexibility offered is astronomical, which eventually contributes to minimizing tandem errors.

Lastly, code readability is significantly improved by using functional templates. Clean, concise, and readable code is a desirable aspect for any programmer. By minimizing repetition and structuring the code better, functional templates certainly contribute to enhanced code readability. Developing a well-documented and maintainable codebase thereby becomes a less strenuous task.

In conclusion, functional templates are like multifaceted tools in the programmer’s toolbox. Their value lies in their ability to combat redundancy, offer flexibility, and improve code readability, making them an indispensable aspect in the evolving software development landscape.

Diving Deep: The Intricacies and Applications of Varying Templates

The Intricacies of Representation Templates

Have you ever considered the complexities underlying the process of transforming visual concepts into verbal expressions? Essentially, this involves migration from one form of representation to another. The three types of templates typically employed in this process are Interactive, Instructor, and Student Central templates.

Interactive templates primarily engage participants, stimulating their cognitive capacities through active involvement. These templates usually incorporate activities that encourage learners to explore, discover, and understand complex concepts or ideas. On the other hand, Instructor Central templates focus on delivering expert knowledge, with the instructor playing a dominant role in the learning process. The learner’s role in this model is relatively passive, consuming knowledge rather than actively participating in its construction. The third type, Student Central templates, position the learner as the fulcrum of the learning process. It cedes control to the learner, enabling them to direct their learning journey.

Unraveling the Underlying Challenge

Representation templates, whether Interactive, Instructor Central, or Student Central, cater to different learning styles and preferences. However, they all face the common challenge of accurately translating visual concepts into verbal code. This is a delicate process, requiring an intricate balance between the visual and verbal so as not to distort the original message or the learner’s interpretation of it. The process becomes even more difficult when dealing with complex concepts that defy easy explanation or when the learner’s cognitive style leans more toward one mode of representation than the other. To overcome this challenge, educationists need to carefully design the instruction process and choose the most appropriate representation template.

Crafting Template Best Practices

Leading educationists and designers have developed several successful strategies to manage these representation challenges. For instance, in Interactive templates, incorporating dynamic visual aids and real-time textual feedback can significantly enhance learners’ understanding. In the case of Instructor Central templates, educators can use interactive narratives or storytelling techniques to make the instruction process more engaging and relatable. Student Central templates can benefit from personalized learning paths, allowing learners to explore topics at their own pace and in their own style. The choice of strategy depends largely on the nature of the subject matter and the learning goals, but at its core, the representation process should always strive for accuracy, clarity, and engagement.

Unleashing Creativity: Harnessing the Potential of Diverse Templates

Challenging the Norms: A Departure from Conventional Templates

Isn’t it true that innovation flourishes when we dare to think outside the box? One might argue that it is time we took a fresh approach to relational templates. Dwelling on the fundamental levels of these templates, they tend to adhere to definite patterns and uncompromising structures that have underpinned interactions in our societies, at both macro and micro levels. However, beyond the rudimentary, what lies ahead is the potential to propel the frameworks that we’re accustomed to, into unconventional territories – hence, subverting expectations. The door to creativity and unique approaches is flung open when we persevere in innovating traditional relational templates and norms, which thereby strengthens our ability to connect, communicate, and comprehend the variances that life presents.

Unveiling the Central Dilemma

The significant hurdle that we face when we venture into subverting expectations in relational templates is about the acceptance and viability of these transformations. Traditionally-established templates find their strength rooted in systematic validation and acceptance throughout our society. Now, revamping these familiar templates could potentially lead to backlash or non-compliance, causing friction. Furthermore, these revamped models’ efficacy would be contingent on their acceptance by the larger population, thereby posing another significant challenge. Facing this counterbalance between tradition and innovation, a resilient focus on subverting expectations might breed misunderstanding and skepticism, leaving society with a new yet perplexing connecting system.

Leading the Charge: Effective Methods for Subverting Expectations

Despite the challenges mentioned, a number of effective methods for subverting expectations in relational templates have emerged, highlighting the potential for forward-thinking development. One commendable example includes interdisciplinary collaborations that incorporate learnings from across different sectors and use them to mold improved relational templates. This cross-disciplinary approach facilitates innovative thinking by integrating diverse perspectives, thereby laying the groundwork for expanding and subverting our existing models. Moreover, to ensure our innovative solutions find acceptance and effectiveness, continuous feedback mechanisms can play an important role. Integrating regular feedback allows for essential adjustments, thus aiding the smooth transition from established templates to more dynamic, unconventional ones. Through such approaches, we may push the boundaries of relational templates to new and unexpected frontiers.

Conclusion

Isn’t it fascinating how templates can streamline tasks, provide consistency and save us valuable time? Whether it’s in professional settings, technology or even our personal lives, templates are increasingly becoming indispensable tools. The three types – document templates, presentation templates, and website templates – each provide unique advantages. Document templates are the backbone of formal communication and written content, presentation templates help in effectively conveying information in gatherings or events, and website templates lay the foundation for any digital platform, crafting the user experience while also shaping online presence.

It’s our sincere hope that you find our blog informative and helpful. We continuously strive to bring you the latest news, information and trends across a broad spectrum of topics. We invite you to subscribe to our page, as our continuously growing community shares valuable insights on varied topics. Stay connected with us, and never miss an update or a new release again. The world of templates is vast and ever-evolving, and there’s much more to learn and discover.

As we continue to explore the universe of templates, we assure you that there’s more to come. The future holds endless possibilities and advancements in template design and functionality. So, strap in for an exciting journey, as we continue to dissect, understand, and appreciate the role and significance of templates in our lives. Stay curious, stay knowledgeable, and most importantly, stay tuned for our next series of captivating discussions.

F.A.Q.

FAQ

1. What are the three main types of templates?
The three main types of templates are Document templates, Presentation templates, and Spreadsheet templates. Each type serves a specific purpose and makes your work easier and faster.

2. What are Document templates?
Document templates are pre-formatted files designed for specific types of documents like resumes, letters, or reports. They help to maintain consistency and save time.

3. What do Presentation templates comprise?
Presentation templates include slide layouts, themes, fonts, and effects which can be used for creating professional presentations. They help to create visually engaging content.

4. How are Spreadsheet templates useful?
Spreadsheet templates are useful for tasks such as budgeting, data analysis, and project management. They help in efficient handling and interpretation of large data sets.

5. Can these templates be customized according to individual needs?
Yes, these templates are largely customizable. You can change the color, font, and layout to meet individual requirements, making them versatile tools in various tasks.

How to create Magento 2 theme from scratch?

How important is having a unique website in order to stand out in a crowded online market? How can you make your ecommerce store more customizable and distinctive? Can creating a Magento 2 theme from scratch help improve your online brand? These are the questions that businesses and developers often grapple with.

A report by Adobe(2019) highlights the rising competition in the e-commerce sector, emphasizing the need for businesses to differentiate themselves through their website’s aesthetics and functionality. According to Statista, an estimated 1.92 billion people purchased goods or services online in 2019, underscoring the enormity of the e-commerce market. The growing competition and customer expectations have made the customization of online stores crucial for business success. Existing solutions, however, are often restrictive and fail to provide the required flexibility, leading to a demand for developing custom Magento 2 themes. Surveys conducted in the USA also have indicated a similar trend, suggesting a rising interest in custom Magento 2 theme development.

In this article, you will learn how to create a Magento 2 theme from scratch. The upcoming sections will take you through a step-by-step guide for the same. From the basics of Magento 2 theme structure and its components to the more complex aspects such as theme hierarchy and customization, the guide will provide an in-depth view into the process.

Beyond the technical process, this article will also delve into the strategic implications of theme development. You will learn how to design a theme keeping your target demographic in mind and how it can go a long way in boosting your brand’s online presence.

How to create Magento 2 theme from scratch?

Crucial Definitions for Understanding Magento 2 Theme Creation

Magento 2: It is a popular ecommerce platform that enables businesses to create and manage online stores. It comes with a host of integrated features that facilitate efficient online selling.

Theme Creation: This refers to the process of building a unique visual design for a website. In Magento 2, themes control the look and feel of an online store, including the color scheme, layout, typography, and other design elements.

From Scratch: This denotes starting from the beginning, without using any pre-existing materials or templates. In Magento 2 theme creation, ‘from scratch’ means designing a new theme entirely rather than modifying an existing one.

Unleashing Your Creativity: Crafting Your Unique Magento 2 Theme from Scratch

Creating a unique and appealing Magento 2 theme from scratch demands both technical skills and a dash of creativity. The customization possibilities with Magento 2 encompass much more than just changing colours and fonts. It allows you to implement exclusive features and create exceptional experiences for your customers.

Crucial Preliminary Steps

Before you start coding your Magento 2 theme, there are some essential steps you need to follow. First and foremost, you need to set up a Magento 2 development environment. There are multiple online resources available to guide you through this crucial step. Once the environment is set up, you should create a directory for your theme in the Magento 2 app/design/frontend/ folder. The name of this directory should be vendorName_themeName. Remember to replace vendorName and themeName with the name of your vendor and theme, respectively.

Following this, create three subdirectories within your theme directory. They must be named web, etc, and Magento_Theme respectively. The ‘web’ directory will hold your static files such as CSS and images, ‘etc’ directory will contain your theme.xml file which designate basic information about your theme and ‘Magento_Theme’ will include your layout configurations. Following these directory structure standards makes your theme organized and easy to navigate for future changes or updates.

Dive Deep: Designing and Developing Your Theme

With the preliminary setup out of the way, it’s time to dive deep into the design and development phase of your Magento 2 theme. Start by creating a theme.xml file inside your etc directory. This file should contain basic information about your new theme, including the theme name, the parent theme (if any), and the preview image.

  • The theme name should appear between the tags. This is the name that will be displayed in the Magento 2 backend.</li> <li>The <strong>parent theme</strong> is the theme which your new theme will inherit all non-specified parameters from. The parent theme’s name needs to be placed between the tags. If you don’t want to have a parent theme, simply skip this step.</li> <li>The <strong>preview image</strong> is the thumbnail that will be displayed for your theme in the Magento 2 backend. You need to create the preview image, save it in the web directory, and note its location within the tags in the theme.xml file.</li> </ul> <p>After setting up the theme.xml file, it’s time to start customizing the look of your theme. The layout, templates, and web directories are where you can make most of your design adjustments. The layout directory should contain the layout.xml files that specify the structure of your site’s pages. The templates directory contains .phtml files, which hold the HTML and PHP code for different parts of your theme. The web directories contain CSS files, images, and other static content. You can create CSS styles, add images, and manipulate other static contents within these directories to shape your unique Magento 2 theme.</p> <p>Creating a Magento 2 theme is a highly intricate process, with a plethora of nuances to consider. But with patience, determination, and a flair for creativity, you can craft a Magento 2 theme that stands out from the crowd, captivates your audience, and gives your eCommerce store a significant boost.</p> <h2>Uncover the Secrets to Perfecting your Magento 2 Theme Creation Process</h2> <h3>The Genesis of the Idea</h3> <p>Have you ever wondered what sets successful e-commerce stores apart from the rest? The secret lies in personalized user experiences, and for Magento 2 users, the key to unlocking this lies in creating a custom theme. A Magento 2 theme can be crafted from scratch, giving you complete control over the aesthetic appearance of your store. Here lies the biggest benefit – the ability to ensure your website’s look and feel aligns with your brand’s overall identity, giving your customers a familiar and consistent experience.</p> <p><b>The common roadblocks</b></p> <p>Creating a Magento 2 theme from scratch is not without its challenges, which can sometimes intimidate newbies. One common issue is not understanding the hierarchy of Magento 2 themes. Newcomers often struggle with locating and modifying the correct files. Mistakenly editing wrong files can lead to the site’s functionality breaking down or the design turning into a nightmare. Overcoming these obstacles requires a clear understanding of the folder structure and theme inheritance of Magento 2.</p> <p>Another hurdle is the complexity of requiring multiple programming languages, including XML, PHTML, CSS and JS. Some of these come with a steep learning curve, especially if you are not a seasoned developer. But, don’t let these deterrents hold you back, as the opportunities to customize and differentiate your eCommerce store through a bespoke Magento 2 theme are unparalleled.</p> <h3>Success Stories That Inspire</h3> <p>Despite the complexity and reasonably steep learning curve, many eCommerce store owners and developers have successfully created unique Magento 2 themes from scratch and harnessed their potential. For instance, the popular ‘Luna’ theme was created by a small team with limited technical knowledge. They started by learning Magento’s core coding concepts and gradually moved onto the more complex components. The result was a simple, yet compelling theme that offered their users a seamless online shopping experience.</p> <p>Another success story comes from ‘Acme Inc.’, a young and dynamic startup, who despite their initial struggles with understanding theme inheritance and the huge library of Magento 2’s documentation, emerged with a beautiful and responsive theme. The team leveraged online learning resources, Magento’s comprehensive documentation, and the community forums to steadily solve the critical issues they faced.</p> <p>Therefore, the ability to create a theme from scratch allows businesses to design the storefront exactly as per their needs. It’s like tailoring a suit – your size, your choice of cloth, and your choice of style. They leveraged these resources and their perseverance, to transform their creative vision into a successful Magento 2 theme. They built it brick by brick, page by page, and what emerged was an immaculate online storefront that was perfectly aligned with their brand’s image and attracted their target audience.</p> <p>In the same way, everyone from small-scale entrepreneurs to large corporations can create user-friendly and efficient eCommerce websites by crafting custom Magento 2 themes. Suppose developers approach this task with a structured plan, a clear understanding of Magento’s core concepts. In that case, they will eventually make creative and well-functioning themes that enhance the user’s online shopping experience.</p> <h2>Magento 2 Themes: Transforming your Innovative Ideas into Reality from Scratch</h2> <h3>Taking a Step-Back: Do You Really Understand the Foundations?</h3> <p>Do you know the fundamental concepts and pillars that underpin a fully functional and effective theme in Magento 2? This is an essential question to consider as it impacts how our themes are born and how they transform our ideas into reality. A Magento 2 theme essentially constitutes a combination of layouts, templates, styles or images. The creation of a Magento 2 theme involves configuring these elements and integrating them to work in tandem. Theme creation can be broken down into several stages which include creating a directory for the theme, declaring the theme, creating a composer package for the theme and applying and configuring the theme.</p> <h3>Navigating the Maze: What Challenging Factors are at Play?</h3> <p>Creating a Magento 2 theme from scratch presents a unique set of challenges that need to be thoroughly addressed. One primary concern is the lack of readily available resources and in-depth knowledge about the platform. Magento 2, being an enterprise-level eCommerce solution, comes with an exhaustive list of functionalities and technicalities. Understanding and ‘taming’ this extensive solution to create a custom theme is certainly a daunting endeavor. Moreover, making a theme responsive, compatible and easy to use across different devices and browsers is a complex feat in and of itself. Lastly, ensuring your theme adheres to various industry standards and meets customer expectations can be a tricky balance to strike.</p> <h3>Illustrating Success: Case Studies that Inspire and Educate</h3> <p>Despite these challenges, success stories abound when it comes to creating themes on Magento 2 from the ground up. Pioneering eCommerce companies such as Stance, Vizio and Olympus have successfully tailored custom themes in Magento 2 that not only enhance user experience (UX) but also boost conversion rates. </p> <p>Stance, for instance, optimized their product navigation by simplifying the cart and checkout processes of their theme, leading to a significant decrease in the site’s bounce rate. On the other hand, Vizio revolutionized their product display by integrating a 3D view within their theme, providing a more interactive and enriched shopping experience for their customers. Olympus focused on boosting mobile conversion rates by tuning their theme to enhance mobile UX. These companies leverage Magento 2 themes to alter user experiences on their platform and drive digital commerce success. </p> <p>By examining businesses that have excelled in Magento 2 theme design, we can gain insights into best practices and proven strategies. Learning from these instances, it becomes evident that understanding the core of Magento 2, being privy to user preferences and staying updated with industry advancements are key to designing a successful Magento 2 theme.</p> <h2>Conclusion</h2> <p>Isn’t it remarkable how the flexibility of Magento 2 empowers us to create a complete theme from the ground up? We can conceive, design, customize, and launch a digital storefront that is wholly unique to our brand. This potential to transform our creative vision into a functional eCommerce website is the power of Magento 2.</p> <p>We sincerely hope that our informative articles are inspiring and helpful to your own unique journey. Following our blog will ensure that you have the freshest insights at your fingertips. Remember, with an open-source solution like Magento 2, there’s always something new and exciting to discover. The world of eCommerce changes at a breakneck pace – don’t just keep up, stay ahead! Our hands-on guides, expert tips, and thought-leadership articles are ready to navigate you through the technicalities and bring you to the forefront of Magento 2 innovations.</p> <p>In closing, we understand the excitement that comes with every new release. Rest assured, we share that enthusiasm too. Whether it’s the latest update or an entirely new theme that demands due attention, we’ll be breaking it down for you, step by step. Stay tuned for more unfurling themes, trends, and topics to keep you ahead in the fast-paced world of eCommerce. Together, we’ll continue to explore the endless possibilities offered by Magento 2 – a journey that promises new learning experiences with every step forward.</p> <h2>F.A.Q.</h2> <div> <strong>Q1: What is the initial step to start creating a Magento 2 theme from scratch?</strong> </p> <p>A1: The initial step to start creating a Magento 2 theme from scratch is to set up a new theme directory. This is necessary to store all your theme files and set the correct directory structure.</p> <p> <strong>Q2: How can I declare my new theme in Magento 2?</strong> </p> <p>A2: You can declare your new theme by creating a theme.xml file within your theme directory. This file will define the theme’s name and its parent theme, if any.</p> <p> <strong>Q3: How do I configure the layout of my new Magento 2 theme?</strong> </p> <p>A3: You can configure the layout of your Magento 2 theme by modifying the layout files in your theme’s directory. These XML files control the structure and content placement of your theme.</p> <p> <strong>Q4: Can I create and customize my own CSS styles in the Magento 2 theme?</strong> </p> <p>A4: Absolutely. You can create and customize your own CSS styles by adding a custom ‘styles.css’ file in your theme’s web/css directory. Changes made in this file will directly reflect on your theme’s styling.</p> <p> <strong>Q5: How do I apply and activate my newly created Magento 2 theme?</strong> </p> <p>A5: You can apply and activate your new Magento theme through the Magento Admin Panel. Navigate to “Content > Design > Configuration”, here you can set your theme as the default for your store view.</p> </div> </div> </div> </article><!-- #post-331 --> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <div class="sidebar"> <aside id="block-2" class="widget text_widget widget_block widget_search"><form role="search" method="get" action="https://templatesocean.com/" class="wp-block-search__button-outside wp-block-search__text-button wp-block-search"><label class="wp-block-search__label" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="" value="" type="search" name="s" required /><button aria-label="Search" class="wp-block-search__button wp-element-button" type="submit" >Search</button></div></form></aside><aside id="block-3" class="widget text_widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Recent Posts</h2> <ul class="wp-block-latest-posts__list wp-block-latest-posts"><li><a class="wp-block-latest-posts__post-title" href="https://templatesocean.com/templates/flatlogic-unveils-shift-from-react-templates-to-ai-powered-business-software-solutions/">Flatlogic Unveils Shift from React Templates to AI-Powered Business Software Solutions</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://templatesocean.com/templates/what-are-modes-in-magento-2/">What are modes in Magento 2?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://templatesocean.com/templates/why-is-wordpress-so-expensive/">Why is WordPress so expensive?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://templatesocean.com/templates/what-are-the-cons-of-woocommerce/">What are the cons of WooCommerce?</a></li> <li><a class="wp-block-latest-posts__post-title" href="https://templatesocean.com/templates/which-is-better-wix-or-shopify/">Which is better Wix or Shopify?</a></li> </ul></div></div> </aside><aside id="block-9" class="widget text_widget widget_block"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">More for reading</h2> </div></div> </aside><aside id="block-4" class="widget text_widget widget_block"> <div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://templatesocean.com/2024/05/'>May 2024</a></li> <li><a href='https://templatesocean.com/2023/11/'>November 2023</a></li> <li><a href='https://templatesocean.com/2023/10/'>October 2023</a></li> <li><a href='https://templatesocean.com/2023/09/'>September 2023</a></li> <li><a href='https://templatesocean.com/2023/08/'>August 2023</a></li> <li><a href='https://templatesocean.com/2023/07/'>July 2023</a></li> <li><a href='https://templatesocean.com/2023/06/'>June 2023</a></li> <li><a href='https://templatesocean.com/2023/05/'>May 2023</a></li> </ul></div></div> </aside><aside id="block-29" class="widget text_widget widget_block"> <div class="wp-block-group is-layout-constrained wp-block-group-is-layout-constrained"><div class="wp-block-group__inner-container"> <h2 class="wp-block-heading">Best AI Tools For Business and Personal Use</h2> <p><a href="https://www.synthesia.io/">Synthesia</a></p> <p><a href="https://www.unscreen.com/">Unscreen</a></p> <p><a href="https://www.getmunch.com/">Munch</a></p> <p><a href="https://openai.com/dall-e-2/">Dall-E-2</a></p> <p><a href="https://www.nextrembrandt.com/">NextRembrant</a></p> </div></div> </aside> </div> </div> </div> </div> </section> <footer class="site-footer"> <div class="container-full"> <div class="row footer-sidebar"> <div class="col-lg-3 col-md-6 col-sm-12"> <aside id="block-5" class="widget text_widget widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Archives</h2><ul class="wp-block-archives-list wp-block-archives"> <li><a href='https://templatesocean.com/2024/05/'>May 2024</a></li> <li><a href='https://templatesocean.com/2023/11/'>November 2023</a></li> <li><a href='https://templatesocean.com/2023/10/'>October 2023</a></li> <li><a href='https://templatesocean.com/2023/09/'>September 2023</a></li> <li><a href='https://templatesocean.com/2023/08/'>August 2023</a></li> <li><a href='https://templatesocean.com/2023/07/'>July 2023</a></li> <li><a href='https://templatesocean.com/2023/06/'>June 2023</a></li> <li><a href='https://templatesocean.com/2023/05/'>May 2023</a></li> </ul></div></div></aside><aside id="block-6" class="widget text_widget widget_block"><div class="wp-block-group is-layout-flow wp-block-group-is-layout-flow"><div class="wp-block-group__inner-container"><h2 class="wp-block-heading">Categories</h2><ul class="wp-block-categories-list wp-block-categories"> <li class="cat-item cat-item-1"><a href="https://templatesocean.com/category/templates/">Templates</a> </li> </ul></div></div></aside> </div> </div> </div> <div class="site-info text-center"> Maverick WordPress Theme </div> </footer> <div class="page-scroll-up"><a href="#totop"><i class="fa fa-angle-up"></i></a></div> <script> // This JS added for the Toggle button to work with the focus element. if (window.innerWidth < 992) { document.addEventListener('keydown', function(e) { let isTabPressed = e.key === 'Tab' || e.keyCode === 9; if (!isTabPressed) { return; } const focusableElements = 'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'; const modal = document.querySelector('.navbar.navbar-expand-lg'); // select the modal by it's id const firstFocusableElement = modal.querySelectorAll(focusableElements)[1]; // get first element to be focused inside modal const focusableContent = modal.querySelectorAll(focusableElements); const lastFocusableElement = focusableContent[focusableContent.length - 1]; // get last element to be focused inside modal if (e.shiftKey) { // if shift key pressed for shift + tab combination if (document.activeElement === firstFocusableElement) { lastFocusableElement.focus(); // add focus for the last focusable element e.preventDefault(); } } else { // if tab key is pressed if (document.activeElement === lastFocusableElement) { // if focused has reached to last focusable element then focus first focusable element after pressing tab firstFocusableElement.focus(); // add focus for the first focusable element e.preventDefault(); } } }); } </script> <script type='text/javascript' src='https://templatesocean.com/wp-content/themes/the-maverick/assets/js/skip-link-focus-fix.js?ver=20151215' id='the-maverick-skip-link-focus-fix-js'></script> </body> </html>