| <html lang="en-us"> |
| <head> |
| <meta name="theme" content="Syna"> |
| <meta name="theme-version" content="v0.15"> |
| <meta name="theme-url" content="https://syna.okkur.org"> |
| <meta name="theme-description" content="Highly customizable open source theme for Hugo based static websites"> |
| <meta name="theme-author" content="Okkur Labs"> |
| <meta name="theme-author-url" content="https://about.okkur.org"> |
| <meta charset="utf-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> |
| <meta http-equiv="Content-Language" content="en-us"> |
| <meta name="google" value="notranslate"> |
| <meta name="apple-mobile-web-app-capable" content="yes"> |
| <meta name="apple-mobile-web-app-status-bar-style" content="black"> |
| <meta name="description" content="EMF.cloud is the umbrella project for components and technologies making the Eclipse Modeling Framework (EMF) and its benefits available in the web and cloud. This includes new web-specific frameworks, but also solutions, which allow you to reuse existing tool components based on EMF in the cloud."> |
| <meta property="og:title" content="Categories &middot; EMF.cloud"> |
| <meta property="og:url" content="https://www.eclipse.org/emfcloud/categories/"> |
| <meta property="og:description" content="EMF.cloud is the umbrella project for components and technologies making the Eclipse Modeling Framework (EMF) and its benefits available in the web and cloud. This includes new web-specific frameworks, but also solutions, which allow you to reuse existing tool components based on EMF in the cloud."> |
| <meta property="og:site_name" content="EMF.cloud"> |
| <meta property="og:type" content="website"> |
| <meta name="twitter:card" content="summary_large_image"> |
| <meta name="twitter:title" content="Categories &middot; EMF.cloud" /> |
| <meta name="twitter:description" content="EMF.cloud is the umbrella project for components and technologies making the Eclipse Modeling Framework (EMF) and its benefits available in the web and cloud. This includes new web-specific frameworks, but also solutions, which allow you to reuse existing tool components based on EMF in the cloud."> |
| <meta name="twitter:url" content="https://www.eclipse.org/emfcloud/categories/" /> |
| <meta property="og:image" content=""> |
| <meta name="twitter:image" content=""> |
| <meta name="author" content="Eclipse Foundation"> |
| |
| <meta name="generator" content="Hugo 0.59.0" /> |
| |
| <title>Categories · EMF.cloud</title> |
| |
| <!-- Theme Styles --> |
| <style> |
| .mx-0 { |
| margin-left: 0 !important; |
| margin-right: 0 !important; } |
| |
| |
| @-ms-viewport { |
| width: device-width; } |
| |
| html { |
| box-sizing: border-box; |
| -ms-overflow-style: scrollbar; } |
| |
| *, |
| *::before, |
| *::after { |
| box-sizing: inherit; } |
| |
| .container { |
| width: 100%; |
| padding-right: 15px; |
| padding-left: 15px; |
| margin-right: auto; |
| margin-left: auto; |
| max-width: 540px; |
| max-width: 720px; |
| max-width: 960px; |
| max-width: 1140px; } |
| |
| .container-fluid { |
| width: 100%; |
| padding-right: 15px; |
| padding-left: 15px; |
| margin-right: auto; |
| margin-left: auto; } |
| |
| .row { |
| display: flex; |
| flex-wrap: wrap; |
| margin-right: -15px; |
| margin-left: -15px; } |
| |
| .no-gutters { |
| margin-right: 0; |
| margin-left: 0; } |
| .no-gutters > .col, |
| .no-gutters > [class*="col-"] { |
| padding-right: 0; |
| padding-left: 0; } |
| |
| .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, |
| .col-auto { |
| position: relative; |
| width: 100%; |
| min-height: 1px; |
| padding-right: 15px; |
| padding-left: 15px; } |
| |
| .col { |
| flex-basis: 0; |
| flex-grow: 1; |
| max-width: 100%; } |
| |
| .col-auto { |
| flex: 0 0 auto; |
| width: auto; |
| max-width: none; } |
| |
| .col-1 { |
| flex: 0 0 8.33333%; |
| max-width: 8.33333%; } |
| |
| .col-2 { |
| flex: 0 0 16.66667%; |
| max-width: 16.66667%; } |
| |
| .col-3 { |
| flex: 0 0 25%; |
| max-width: 25%; } |
| |
| .col-4 { |
| flex: 0 0 33.33333%; |
| max-width: 33.33333%; } |
| |
| .col-5 { |
| flex: 0 0 41.66667%; |
| max-width: 41.66667%; } |
| |
| .col-6 { |
| flex: 0 0 50%; |
| max-width: 50%; } |
| |
| .col-7 { |
| flex: 0 0 58.33333%; |
| max-width: 58.33333%; } |
| |
| .col-8 { |
| flex: 0 0 66.66667%; |
| max-width: 66.66667%; } |
| |
| .col-9 { |
| flex: 0 0 75%; |
| max-width: 75%; } |
| |
| .col-10 { |
| flex: 0 0 83.33333%; |
| max-width: 83.33333%; } |
| |
| .col-11 { |
| flex: 0 0 91.66667%; |
| max-width: 91.66667%; } |
| |
| .col-12 { |
| flex: 0 0 100%; |
| max-width: 100%; } |
| |
| .order-first { |
| order: -1; } |
| |
| .order-last { |
| order: 13; } |
| |
| .order-0 { |
| order: 0; } |
| |
| .order-1 { |
| order: 1; } |
| |
| .order-2 { |
| order: 2; } |
| |
| .order-3 { |
| order: 3; } |
| |
| .order-4 { |
| order: 4; } |
| |
| .order-5 { |
| order: 5; } |
| |
| .order-6 { |
| order: 6; } |
| |
| .order-7 { |
| order: 7; } |
| |
| .order-8 { |
| order: 8; } |
| |
| .order-9 { |
| order: 9; } |
| |
| .order-10 { |
| order: 10; } |
| |
| .order-11 { |
| order: 11; } |
| |
| .order-12 { |
| order: 12; } |
| |
| .offset-1 { |
| margin-left: 8.33333%; } |
| |
| .offset-2 { |
| margin-left: 16.66667%; } |
| |
| .offset-3 { |
| margin-left: 25%; } |
| |
| .offset-4 { |
| margin-left: 33.33333%; } |
| |
| .offset-5 { |
| margin-left: 41.66667%; } |
| |
| .offset-6 { |
| margin-left: 50%; } |
| |
| .offset-7 { |
| margin-left: 58.33333%; } |
| |
| .offset-8 { |
| margin-left: 66.66667%; } |
| |
| .offset-9 { |
| margin-left: 75%; } |
| |
| .offset-10 { |
| margin-left: 83.33333%; } |
| |
| .offset-11 { |
| margin-left: 91.66667%; } |
| |
| .d-none { |
| display: none !important; } |
| |
| .d-inline { |
| display: inline !important; } |
| |
| .d-inline-block { |
| display: inline-block !important; } |
| |
| .d-block { |
| display: block !important; } |
| |
| .d-table { |
| display: table !important; } |
| |
| .d-table-row { |
| display: table-row !important; } |
| |
| .d-table-cell { |
| display: table-cell !important; } |
| |
| .d-flex { |
| display: flex !important; } |
| |
| .d-inline-flex { |
| display: inline-flex !important; } |
| |
| @media print { |
| .d-print-none { |
| display: none !important; } |
| .d-print-inline { |
| display: inline !important; } |
| .d-print-inline-block { |
| display: inline-block !important; } |
| .d-print-block { |
| display: block !important; } |
| .d-print-table { |
| display: table !important; } |
| .d-print-table-row { |
| display: table-row !important; } |
| .d-print-table-cell { |
| display: table-cell !important; } |
| .d-print-flex { |
| display: flex !important; } |
| .d-print-inline-flex { |
| display: inline-flex !important; } } |
| |
| .flex-row { |
| flex-direction: row !important; } |
| |
| .flex-column { |
| flex-direction: column !important; } |
| |
| .flex-row-reverse { |
| flex-direction: row-reverse !important; } |
| |
| .flex-column-reverse { |
| flex-direction: column-reverse !important; } |
| |
| .flex-wrap { |
| flex-wrap: wrap !important; } |
| |
| .flex-nowrap { |
| flex-wrap: nowrap !important; } |
| |
| .flex-wrap-reverse { |
| flex-wrap: wrap-reverse !important; } |
| |
| .flex-fill { |
| flex: 1 1 auto !important; } |
| |
| .flex-grow-0 { |
| flex-grow: 0 !important; } |
| |
| .flex-grow-1 { |
| flex-grow: 1 !important; } |
| |
| .flex-shrink-0 { |
| flex-shrink: 0 !important; } |
| |
| .flex-shrink-1 { |
| flex-shrink: 1 !important; } |
| |
| .justify-content-start { |
| justify-content: flex-start !important; } |
| |
| .justify-content-end { |
| justify-content: flex-end !important; } |
| |
| .justify-content-center { |
| justify-content: center !important; } |
| |
| .justify-content-between { |
| justify-content: space-between !important; } |
| |
| .justify-content-around { |
| justify-content: space-around !important; } |
| |
| .align-items-start { |
| align-items: flex-start !important; } |
| |
| .align-items-end { |
| align-items: flex-end !important; } |
| |
| .align-items-center { |
| align-items: center !important; } |
| |
| .align-items-baseline { |
| align-items: baseline !important; } |
| |
| .align-items-stretch { |
| align-items: stretch !important; } |
| |
| .align-content-start { |
| align-content: flex-start !important; } |
| |
| .align-content-end { |
| align-content: flex-end !important; } |
| |
| .align-content-center { |
| align-content: center !important; } |
| |
| .align-content-between { |
| align-content: space-between !important; } |
| |
| .align-content-around { |
| align-content: space-around !important; } |
| |
| .align-content-stretch { |
| align-content: stretch !important; } |
| |
| .align-self-auto { |
| align-self: auto !important; } |
| |
| .align-self-start { |
| align-self: flex-start !important; } |
| |
| .align-self-end { |
| align-self: flex-end !important; } |
| |
| .align-self-center { |
| align-self: center !important; } |
| |
| .align-self-baseline { |
| align-self: baseline !important; } |
| |
| .align-self-stretch { |
| align-self: stretch !important; } |
| </style> |
| |
| <link href="/emfcloud/style.min.34e2c886d8532838458868dbc24fb47cb8e3794068b79cd15daac9c25a5142e5.css" rel="stylesheet"> |
| <link rel="shortcut icon" type="image/x-icon" href="/emfcloud/favicon.ico"> |
| <link rel="icon" sizes="16x16 32x32" type="image/x-icon" href="/emfcloud/favicon.ico"> |
| <link rel="icon" href="/emfcloud/favicon.png"> |
| <link rel="apple-touch-icon-precomposed" href="/emfcloud/favicon.png"> |
| |
| <script> |
| window.syna = { |
| |
| }; |
| </script> |
| <script src="/emfcloud/scripts/syna-head.min.bb34bad09b42b3febef27ef9976fc5d5c34c8f199549c80f2bfb0a6ecc2586e2.js"></script></head> |
| <body class="bg-secondary"> |
| <!-- Navigation --><nav class="overlay fragment navbar navbar-expand-lg py-2 scroll-spy bg-light navbar-light" id="nav" role="navigation"> |
| <div class="container"> |
| <a class="navbar-brand py-0" href="/emfcloud/#"> |
| <img src="/emfcloud/images/logo.png" height="35" class="d-inline-block align-top" alt="EMF.cloud"> |
| </a> |
| <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> |
| <span class="navbar-toggler-icon"></span> |
| </button> |
| <div class="navbar-collapse justify-content-end collapse show" id="navbarCollapse"> |
| <ul class="navbar-nav"><li class="nav-item"> |
| <a href="/emfcloud" |
| class="nav-link"> |
| Home |
| </a> |
| </li><li class="nav-item"> |
| <a href="/emfcloud/support" |
| class="nav-link"> |
| Support |
| </a> |
| </li><li class="nav-item"> |
| <a href="/emfcloud/documentation" |
| class="nav-link"> |
| Documentation |
| </a> |
| </li><li class="nav-item"> |
| <a href="/emfcloud/contact" |
| class="nav-link"> |
| Contact |
| </a> |
| </li><li class="nav-item"> |
| <a href="https://github.com/eclipsesource/emfcloud" |
| class="nav-link"> |
| GitHub |
| </a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </nav> |
| |
| <div class="scroll-to-top bg-primary has-font-icon" |
| title="Back to top" |
| ><i class="fas fa-angle-up"></i><span class="sr-only">Back to top</span> |
| </div> |
| |
| <!-- Hero --> |
| <header id="hero" class="fragment hero"> |
| <div style=""class="jumbotron text-center mb-0 bg-dark"> |
| <div id="hero-particles-js" class="particles-js"></div> |
| <div class="row justify-content-center align-items-start"> |
| <img |
| class="overlay img-fluid" |
| src="/emfcloud/images/diagramanimated.gif" |
| alt="EMF.cloud"height="150px"width="500px"></img> |
| </div> |
| <div class="row justify-content-center align-items-start"> |
| <h1 class="overlay jumbotron-heading my-4 text-white">EMF.cloud - evolve your modeling tools to the web!</h1> |
| </div><div> |
| <a class="overlay btn btn-lg m-2 btn-primary " href="/emfcloud/#features"> |
| <div class="column justify-content-center align-content-center">Features</div> |
| </a> |
| <a class="overlay btn btn-lg m-2 btn-primary " href="/emfcloud/contact"> |
| <div class="column justify-content-center align-content-center">Contact</div> |
| </a> |
| <a class="overlay btn btn-lg m-2 btn-primary " href="/emfcloud/support"> |
| <div class="column justify-content-center align-content-center">Support</div> |
| </a> |
| </div> |
| </div> |
| </header> |
| <script> |
| var fragmentName = "hero";window.syna.api.register("hero", "hero-" + fragmentName, { |
| selector: "hero-particles-js", |
| config: null, |
| }); |
| </script> |
| |
| |
| <!-- Content --> |
| <section id="overview" class="content-fragment fragment"> |
| <div class="overlay container-fluid bg-white"> |
| <div class="container py-5"> |
| <div class="row"> |
| <article class="col-md-12"> |
| <div class="row mx-0"> |
| <div class="col px-0 text-center text-body"> |
| <h2>The Eclipse Modeling Framework in the cloud!</h2> |
| </div> |
| </div> |
| <div class="col-12 content px-0 text-body"><p style='text-align: center;'> |
| EMF.cloud is the umbrella project for components and technologies making the Eclipse Modeling Framework (EMF) and its benefits available in the web and cloud. This includes new web-specific frameworks, but also solutions, which allow you to reuse existing tool components based on EMF in the cloud.</div> |
| </article> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Items --> |
| <section id="components" class="fragment"> |
| <div class="container-fluid bg-white"> |
| <div class="container py-5"> |
| |
| <div class="row mx-0"> |
| <div class="col px-0 text-center text-body"> |
| <h2>Components</h2> |
| </div> |
| </div> |
| |
| <div class="row justify-content-center align-items-stretch items"> |
| <div class="col-md-4 d-flex flex-column"> |
| <a href="https://github.com/eclipsesource/ecore-glsp" class="col justify-content-between d-flex flex-column header text-body"> |
| <div class="row image justify-content-center align-items-center"> |
| <span class="fa-stack fa-3x m-2" title="Theia Ecore tools"> |
| <i class="fas fa-circle fa-stack-2x text-primary"></i> |
| <i class="fas fa-project-diagram fa-stack-1x fa-inverse"></i> |
| <span class="sr-only">Theia Ecore tools</span> |
| </span> |
| </div> |
| <div class="row justify-content-center text-center"> |
| <h4 class="mb-3 text-body">Theia Ecore tools</h4></div> |
| </a> |
| <div class="row justify-content-center text-center p-2"> |
| <div class=" text-body"> |
| <p>The <a href="https://github.com/eclipsesource/ecore-glsp">GLSP-based Ecore editor</a> integrated in the Eclipse Theia IDE provides a web-based version of the famous Ecore tools. It allows to graphically create and modify Ecore Models using a diagram editor integrated in the web-based IDE Eclipse Theia. We are currently working on a model project creation wizard as well as on integrating the existing EMF code generator.</p> |
| |
| </div> |
| </div> |
| </div> |
| <div class="col-md-4 d-flex flex-column"> |
| <a href="https://github.com/eclipsesource/modelserver" class="col justify-content-between d-flex flex-column header text-body"> |
| <div class="row image justify-content-center align-items-center"> |
| <span class="fa-stack fa-3x m-2" title="The model server"> |
| <i class="fas fa-circle fa-stack-2x text-primary"></i> |
| <i class="fas fa-database fa-stack-1x fa-inverse"></i> |
| <span class="sr-only">The model server</span> |
| </span> |
| </div> |
| <div class="row justify-content-center text-center"> |
| <h4 class="mb-3 text-body">The model server</h4></div> |
| </a> |
| <div class="row justify-content-center text-center p-2"> |
| <div class=" text-body"> |
| <p>The existing EMF implementation already supports loading, model manipulation, and serialisation out-of-the-box. The <a href="https://github.com/eclipsesource/modelserver">EMF.cloud model server</a> adds a facade on top of existing technologies to connect web-based clients. It manages the runtime state of loaded models (“shared editing domain”). It allows to apply changes using a command pattern and and register for changes. Finally, it provides a Java and JavaScript REST API including mulitple formats (JSON or XMI).</p> |
| |
| </div> |
| </div> |
| </div> |
| <div class="col-md-4 d-flex flex-column"> |
| <a href="https://github.com/eclipsesource/coffee-editor" class="col justify-content-between d-flex flex-column header text-body"> |
| <div class="row image justify-content-center align-items-center"> |
| <span class="fa-stack fa-3x m-2" title="The 'coffee editor'"> |
| <i class="fas fa-circle fa-stack-2x text-primary"></i> |
| <i class="fa fa-coffee fa-stack-1x fa-inverse"></i> |
| <span class="sr-only">The 'coffee editor'</span> |
| </span> |
| </div> |
| <div class="row justify-content-center text-center"> |
| <h4 class="mb-3 text-body">The ‘coffee editor’</h4></div> |
| </a> |
| <div class="row justify-content-center text-center p-2"> |
| <div class=" text-body"> |
| <p><a href="https://github.com/eclipsesource/coffee-editor">The “coffee editor”</a> is a comprehensive example of a web-based modeling tools based on EMF.cloud, including a form-based editor based on JSON Forms, a diagram based on GLSP, a textual DSL, a code generator and a graphical visualization of an analysis result using D3. The coffee editor use the model sever for syncronizing all editors and it is embedded into <a href="https://eclipsesource.com/technology/eclipse-theia">the Eclipse Theia IDE</a></p> |
| |
| </div> |
| </div> |
| </div> |
| <div class="col-md-4 d-flex flex-column"> |
| <a href="/emfcloud/support" class="col justify-content-between d-flex flex-column header text-body"> |
| <div class="row image justify-content-center align-items-center"> |
| <span class="fa-stack fa-3x m-2" title="Your component!?"> |
| <i class="fas fa-circle fa-stack-2x text-primary"></i> |
| <i class="fa fa-plus fa-stack-1x fa-inverse"></i> |
| <span class="sr-only">Your component!?</span> |
| </span> |
| </div> |
| <div class="row justify-content-center text-center"> |
| <h4 class="mb-3 text-body">Your component!?</h4></div> |
| </a> |
| <div class="row justify-content-center text-center p-2"> |
| <div class=" text-body"> |
| <p>EMF.cloud is the place for new components supporting the implementation of web-based modeling tools in the cloud. If you have a solution, which would be useful for others, we are open for any contributions! If you are missing a technology for your cloud modeling use case, <a href="/emfcloud/support/">get our support</a> for creating it.</p> |
| |
| </div> |
| </div> |
| </div></div> |
| </div> |
| </div> |
| </section> |
| |
| <!-- Footer --> |
| <section id="footer" class="fragment"> |
| <div class="container-fluid bg-light"> |
| <div class="container py-5"> |
| |
| <div class="row"> |
| <div class="col-md m-2 text-body"> |
| <h4></h4> |
| <a href="#"> |
| <img src="/emfcloud/images/logo.png" class="img-fluid w-50" alt="EMF.cloud"> |
| </a> |
| <div class="row justify-content-left ml-0"> |
| <span class="fa-stack fa-2x mt-3 mr-1" title="twitter"> |
| <a href="https://twitter.com/emfcloud" class="ignore-color-change"> |
| <i class="fas fa-circle fa-stack-2x"></i> |
| <i class="fab fa-twitter fa-stack-1x fa-fw text-light"></i> |
| <span class="sr-only">twitter</span> |
| </a> |
| </span> |
| <span class="fa-stack fa-2x mt-3 mr-1" title="github"> |
| <a href="https://github.com/eclipsesource/emfcloud" class="ignore-color-change"> |
| <i class="fas fa-circle fa-stack-2x"></i> |
| <i class="fab fa-github fa-stack-1x fa-fw text-light"></i> |
| <span class="sr-only">github</span> |
| </a> |
| </span> |
| <span class="fa-stack fa-2x mt-3 mr-1" title="spectrum"> |
| <a href="https://spectrum.chat/emfcloud" class="ignore-color-change"> |
| <i class="fas fa-circle fa-stack-2x"></i> |
| <i class="far fa-comments fa-stack-1x fa-fw text-light"></i> |
| <span class="sr-only">spectrum</span> |
| </a> |
| </span> |
| </div> |
| </div> |
| <div class="col-md m-2 text-body"> |
| <h4>Related Projects</h4> |
| <ul class="nav flex-column"> |
| <li class="nav-item"> |
| <a class="nav-link p-0 display-5" href="https://eclipse.org/glsp">Eclipse GLSP</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link p-0 display-5" href="https://eclipsesource.com/technology/eclipse-theia">Eclipse Theia IDE</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link p-0 display-5" href="https://eclipse.org/che">Eclipse Che</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link p-0 display-5" href="https://projects.eclipse.org/projects/ecd.sprotty">Sprotty</a> |
| </li> |
| </ul> |
| </div> |
| <div class="col-md m-2 text-body"> |
| <div><h4 id="emf-cloud">EMF.cloud</h4> |
| |
| <p>EMF.cloud is a project hosted at the Eclipse Foundation, lead by <a href="https://projects.eclipse.org/projects/ecd.emfcloud/who">Eugen Neufeld</a>, organized within the <a href="https://projects.eclipse.org/projects/ecd">Eclipse Cloud Development</a> project.</div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </section> |
| |
| |
| <!-- Copyright --> |
| <footer class="overlay fragment container-fluid bg-secondary" id="copyright"> |
| <div class="container"> |
| <div class="row py-3"> |
| <div class="col-md"> |
| <div class="row mx-0 my-2 justify-content-center text-center text-lg-none text-black-50"> |
| <div class="row mx-0 mr-lg-auto justify-content-center"> |
| <div class="col-auto px-1">© Copyright 2019</div> |
| <div class="col-auto px-0"> by Eclipse Foundation</div> |
| </div> |
| </div> |
| </div> |
| <div class="col-md"> |
| <div class="row mx-0 my-2 justify-content-center"> |
| <ul class="nav ml-lg-auto"> |
| <li class="nav-item"> |
| <a class="nav-link py-0" href="https://projects.eclipse.org/projects/ecd.emfcloud" |
| >About</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link py-0" href="https://www.eclipse.org/legal/privacy.php" |
| >Privacy Policy</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link py-0" href="https://www.eclipse.org/legal/termsofuse.php" |
| >Terms of Use</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link py-0" href="https://www.eclipse.org/legal/copyright.php" |
| >Copyright</a> |
| </li> |
| <li class="nav-item"> |
| <a class="nav-link py-0" href="https://www.eclipse.org/legal/" |
| >Legal</a> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| </div> |
| </footer> |
| <div id="react"></div> |
| <div class="modal fade" tabindex="-1" role="dialog" aria-hidden="true"> |
| <div class="modal-dialog" role="document"> |
| <div class="modal-content"> |
| <div class="modal-header row mx-0"> |
| <div class="modal-title col px-0"> |
| <h5 class="title text-dark"></h5> |
| <h6 class="subtitle text-secondary"></h6> |
| </div> |
| <button type="button" class="close" data-dismiss="modal" aria-label="Close"> |
| <span aria-hidden="true">×</span> |
| </button> |
| </div> |
| <img src="" alt="" class="img-fluid"> |
| <div class="modal-body p-3"> |
| <div class="badge-container"></div> |
| <div class="content"></div> |
| </div> |
| </div> |
| </div> |
| </div> |
| </div> |
| |
| <!-- Theme Code --> |
| <script async defer src="/emfcloud/scripts/syna-main.min.7d08697560d9c911a0194673093ed24e917be39c0c6ea6ffe9bfefd7869f9f34.js"></script> |
| <script async defer src="/emfcloud/scripts/syna-hero.min.4c86bbf85a8655c22c5046df9f983a1f0a0f771915f9f447a6872a863a6714ef.js"></script> |
| </body> |
| </html> |
