Is there a way to convert HTML
codes to Python Dash
code? I am trying have my HTML site incorporated into Python Dash to deploy my ML model. I have the codes written already in HTML, right now, I would like to convert the HTML into Dash pythonic structure. Somehow I got lost when rewriting the code in Python Dash, is there anyone who figured how to get this working with their written HTML code?
Here is my HTML code
<header>
<div class="animatedParent animateOnce">
<div class="nav-back animated fadeInDown">
<nav class="navbar">
<div class="container-fluid">
<div class="container">
<div class="row">
<div class="hedone-menu-header">
<div class="nav-button">
<i class="fa fa-bars"></i>
</div>
<!-- SITE LOGO -->
<div class="site-branding">
<a href="index.html">
<img src="assets/img/site-logo.png" alt="brand logo"/>
</a>
</div>
</div>
<!-- PRIMARY MENU -->
<div id="Hedone" class="hedone-menu-container">
<div class="navbar-right">
<ul class="hedone-menu">
<li class="menu-item menu-item menu-item-has-children current-page-ancestor current-menu-ancestor current-menu-parent current-page-parent current_page_parent current_page_ancestor">
<a href="#">Home</a>
<ul class="sub-menu">
<li class="menu-item">
<a href="index.html">text effects on load</a>
</li>
<li class="menu-item current-menu-item">
<a href="home-slider.html">home slider</a>
</li>
<li class="menu-item">
<a href="home-video.html">home video</a>
</li>
<li class="menu-item">
<a href="home-fullscreen.html">home fullscreen</a>
</li>
<li class="menu-item">
<a href="agency.html">design agency-animated</a>
</li>
<li class="menu-item">
<a href="one-page.html">one-page version</a>
</li>
</ul>
</li>
<li class="menu-item">
<a href="about.html">About</a>
</li>
<li class="menu-item">
<a href="services.html">services</a>
</li>
<li class="menu-item">
<a href="portfolio.html">portfolio</a>
</li>
<li class="menu-item">
<a href="blog.html">blog</a>
</li>
<li class="menu-item">
<a href="contact.html">contact</a>
</li>
<li class="menu-item">
<a href="elements.html">elements</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
Here is my attempt to convert the HTML code into Python Dash, until I got lost in between and stopped:
nav_bar = html.Header(html.Div(className="animatedParent animateOnce",
children=[html.Div(className="nav-back animated fadeInDown",
children=[html.Nav(className="navbar",
children=[html.Div(className="container-fluid",
children=[html.Div(className="container",
children=[html.Div(className="row",
children=[html.Div(className="hedone-menu-header",
children=[])])])])])])]))