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

Responsive Slideshow with Full Effect Animation

Stylish Sidebar Menu (Pure CSS)

Minimalist Responsive Side Menu (Pure CSS)

HTML CSS ColorPicker (HEX and RGBA)

Responsive Multi Level Drop Down Nav Menu

Simple Sliding Side Menu

Automatic Slideshow HTML + Animated Transition

Responsive & Animated Slides Out Menu Navigation

Automatic Slideshow HTML + Fade Effects

Automatic Slideshow HTML (Full Options)

Stylish Animated Side Menu Navigation

Responsive & Animated Nav Menu (CSS & Javascript)

Responsive Animated Nav Menu (Pure CSS)

Responsive Slideshow with Pure Javascript

Table Rounded Corners (CSS)