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

Stylish Animated Side Menu Navigation

Stylish Sidebar Menu (Pure CSS)

Responsive & Animated Nav Menu (CSS & Javascript)

Animated & Automatic Slideshow HTML CSS JQuery

Responsive & Animated Slides Out Menu Navigation

Table Rounded Corners (CSS)

Responsive Slideshow with Pure Javascript

Automatic Slideshow HTML + Animated Transition

Automatic Slideshow HTML (Full Options)

HTML CSS ColorPicker (HEX and RGBA)

Simple Sliding Side Menu

Minimalist Responsive Side Menu (Pure CSS)

Responsive Slideshow with Full Effect Animation

Responsive Animated Nav Menu (Pure CSS)

Animated & Responsive Sticky Nav Menu

Responsive Multi Level Drop Down Nav Menu