HTML Editor

<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.topnav {
  overflow: hidden;
  background-color: #1d415a;
}
</style>
</head>
<body>

<div class="topnav" id="myTopnav">
  <a href="#home" class="active">Home</a>
  <a href="#Categories">Categories</a>
  <a href="#privacy">Privacy Policy</a>
  <a href="#contact">Contact</a>
  <a href="#about">About</a>
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">☰
    <i class="fa fa-bars"></i>
  </a>
</div>

<div style="padding-left:16px">
  <h2>Responsive Menu Navigation Example</h2>

<p>Resize the browser window to see how it works or click the available view button</p>

<p>Lorem ipsum, or lipsum as it is sometimes known, is dummy text used in laying out print, graphic or web designs. The passage is attributed to an unknown typesetter in the 15th century who is thought to have scrambled parts of Cicero's De Finibus Bonorum et Malorum for use in a type specimen book.</p>
</div>

</body>
</html>

HTML Editor is a free online tool for editing the markup of a web page includes HTML, CSS, JS or JavaScript. Creating, editing, and design your web page with text-based source code directly with preview.

Free Online HTML Editor

Table Rounded Corners (CSS)

Simple Sliding Side Menu

Minimalist Responsive Side Menu (Pure CSS)

Responsive Animated Nav Menu (Pure CSS)

Responsive Slideshow with Pure Javascript

Automatic Slideshow HTML + Animated Transition

Animated & Responsive Sticky Nav Menu

Animated & Automatic Slideshow HTML CSS JQuery

Responsive & Animated Nav Menu (CSS & Javascript)

Automatic Slideshow HTML + Fade Effects

Stylish Sidebar Menu (Pure CSS)

Responsive & Animated Slides Out Menu Navigation

HTML CSS ColorPicker (HEX and RGBA)

Stylish Animated Side Menu Navigation

Responsive Multi Level Drop Down Nav Menu

Automatic Slideshow HTML (Full Options)