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

Automatic Slideshow HTML (Full Options)

Animated & Automatic Slideshow HTML CSS JQuery

Automatic Slideshow HTML + Animated Transition

Responsive Animated Nav Menu (Pure CSS)

Simple Sliding Side Menu

HTML CSS ColorPicker (HEX and RGBA)

Responsive Multi Level Drop Down Nav Menu

Responsive Slideshow with Full Effect Animation

Automatic Slideshow HTML + Fade Effects

Responsive & Animated Nav Menu (CSS & Javascript)

Minimalist Responsive Side Menu (Pure CSS)

Table Rounded Corners (CSS)

Animated & Responsive Sticky Nav Menu

Stylish Animated Side Menu Navigation

Responsive & Animated Slides Out Menu Navigation

Stylish Sidebar Menu (Pure CSS)