Untitled

<!DOCTYPE html>
<html>

	<head>
		<title>DemoExhibits</title>
		<link rel="stylesheet" href="https://code.jquery.com/jquery-3.4.1.min.js" crossorigin="anonymous">
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.css">
		<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/semantic.min.js"></script>
	</head>
	<body>

<body>
<div class="ui top attached demo menu">
  <a class="item">
    <i class="sidebar icon"></i> Menu
  </a>
</div>
<div class="ui bottom attached segment">
  <div class="ui inverted labeled icon left inline vertical demo sidebar menu">
    <a class="item">
      <i class="home icon"></i> Home
    </a>
    <a class="item">
      <i class="block layout icon"></i> Topics
    </a>
    <a class="item">
      <i class="smile icon"></i> Friends
    </a>
    <a class="item">
      <i class="calendar icon"></i> History
    </a>
  </div>
  <div class="pusher">