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

Animated & Responsive Sticky Nav Menu

Automatic Slideshow HTML (Full Options)

Responsive & Animated Slides Out Menu Navigation

Responsive & Animated Nav Menu (CSS & Javascript)

Responsive Slideshow with Full Effect Animation

HTML CSS ColorPicker (HEX and RGBA)

Responsive Multi Level Drop Down Nav Menu

Responsive Slideshow with Pure Javascript

Simple Sliding Side Menu

Animated & Automatic Slideshow HTML CSS JQuery

Automatic Slideshow HTML + Animated Transition

Responsive Animated Nav Menu (Pure CSS)

Stylish Animated Side Menu Navigation

Table Rounded Corners (CSS)

Stylish Sidebar Menu (Pure CSS)

Automatic Slideshow HTML + Fade Effects