static/index.html


<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title> devonfw</title>
    <link rel="canonical" href="https://devonfw.com/devon4j/current/index.html">
    <meta name="generator" content="Antora 3.0.2">
    <link rel="stylesheet" href="./css/site.css">
    <link rel="stylesheet" href="./css/devonfw.css">
  </head>
  <body class="article">
<div class="overlay">
  <div class="banner"  onclick="event.stopPropagation()">
    <div class="banner-header">
      <h2> Announcement </h2>
      <button class="banner-btn">
        <span class="close">&times</span>        
      </button>
    </div>    
    <div class="banner-content">
      <div class="banner-text">
      <h3>Dear devonfw friends!</h3>
      <p>devonfw is continuously evolving and we're proud to present our newest changes with the main goal to <span class="devonfw-primary-color">FOCUS</span>!</p>
      <p>This new version is focusing on lightweight articles that provide guidance on reoccurring challenges based on common best practices. Examples and Code Snippets help you to easily understand and adopt the suggestions.</p>
      <p>We've restructured the complete website. The technology stacks like java and typescript are now separated. You can find the links below or on the website header. The previous version is still available under the <span class="devonfw-primary-color">Legacy Docs</span> link in the header.</p>
      <p> 
        Within the stacks the articles are now better organized into topic groups.
      </p>
      </div>
    </div>
  </div>
</div>
<header class="header">
  <nav class="navbar" id="navbar">
    <div class="navbar-brand">
      <a class="navbar-item" href="https://devonfw.com">devonfw</a>
      <button class="navbar-burger" data-target="topbar-nav">
        <span></span>
        <span></span>
        <span></span>
      </button>
    </div>
    <div id="topbar-nav" class="navbar-menu">
      <div class="navbar-end">
        <a class="navbar-item" href="https://devonfw.com/docs/java/current/">Java</a>
        <a class="navbar-item" href="https://devonfw.com/docs/typescript/current/">TypeScript</a>
        <a class="navbar-item" href="https://github.com/devonfw/ide">IDE</a>
        <a class="navbar-item" href="https://github.com/devonfw/hangar">CI/CD</a>
        <a class="navbar-item" href="https://devonfw.com/website/pages/learning/">Tutorials</a>
        <a class="navbar-item" href="https://devonfw.com/website/pages/docs/master.html">Legacy Docs</a>
          <div class="navbar-item search hide-for-print">
            <div id="search-field" class="field">
              <input id="search-input" type="text" placeholder="Search the docs" title="">
            </div>
          </div>
        <a class="navbar-github navbar-item" href="https://github.com/devonfw/"></a>
      </div>
    </div>
  </nav>
</header>

<div class="body">
  <aside class="nav">
  </aside>
    <div class="content-block">
      <div class="block bottom-edge-down" id="intro-block">
        <div class="container" id="intro-container">
         <div class="container-content">
         <img src="./img/logo_devonfw.svg" class="logo"/>
         <p>
           Architecture blueprints and patterns for <br/>
           <span class="highlight">cloud native</span> (micro-) services <br/>
           and <span class="highlight">multi-platform</span> client applications
         </p>
         </div>
        </div>
      </div>
      <div class="block lower-block light-block" id="knowledge-block">
        <div class="container">
          <div class="container-content" id="knowledge-container">
            <h1>Supported Technology Stacks</h1>
            <div class="card-holder float-reverse" >
              <div class="card">
                <img class="card_img" src="./img/java.svg"/>
              </div>
              <div class="card"> 
                <h2>Java</h2>
                <p>
                Build Quarkus or Spring Boot services based on industry proven practices and coding conventions</p>
                <a href="/docs/java/current/"><button class="btn primary-btn btn-raise">Learn More</button></a>
              </div>
            </div>
            <div class="card-holder">
              <div class="card ">
                <h2>TypeScript</h2>
                <p>Develop web clients with Angular or backends based on NestJs</p>
                <a href="/docs/typescript/current/"><button class="btn primary-btn btn-raise">Learn More</button></a>              
              </div>
              <div class="card">
              <img class="card_img" src="./img/typescript.svg"/>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="block lower-block dark-block both-edge-top-up-bottom-down" id="tools-block">
        <div class="container">
          <div class="container-content" id="knowledge-container">
            <h1>Open Source Tools</h1>
            <div class="dark-block card-holder">
              <div class="dark-block card card-background">
                <h2>devonfw-ide</h2>
                <p>Set up and maintain your development tools including your favorite IDE automatically</p>
                <a href="https://github.com/devonfw/ide"><button class="btn primary-btn btn-raise"><span class="level-text">Learn More</span> <span><img src="img/github-mark.png"/></span></button></a>            
              </div>
              <div class="card">
                <img class="card_img" src="./img/devonfw_ide.svg"/>
              </div>
            </div>
            <div class="card-holder float-reverse">
              <div class="dark-block card">
                <img class="card_img" src="./img/cloud.svg"/>
              </div>
              <div class="dark-block card card-background"> 
                <h2>Hangar</h2>
                <p>Get started with your CI/CD journey in the cloud</p>
                <a href="https://github.com/devonfw/hangar"><button class="btn primary-btn btn-raise"><span class="level-text">Learn More</span> <span><img src="img/github-mark.png"/></span> </button></a>
              </div>
            </div>
          </div>
        </div>
      </div>
      <footer>
        <div class="bottom-footer">
            <ul>
              <li><a href="https://devonfw.com/website/pages/docs/devonfw-guide_ide.wiki_LICENSE.asciidoc.html">Terms of use</a></li>
            </ul>
        </div>
     
      </footer>
    </div>
</div>
<script src="./js/devonfw.js"></script>
<script src="./js/cookie-consent.js"></script>
<script src="https://cginternal.devonfw.com/communitycontent/main.js"></script>
<script src="./docs/_/js/vendor/lunr.js"></script>
<script src="./docs/_/js/search-ui.js" id="search-ui-script" data-site-root-path="./docs" data-snippet-length="100" data-stylesheet="./docs/_/css/search.css"></script>
<script async src="./docs/search-index.js"></script>
  </body>
</html>