Tutorials/Right Click/index.html at main · SimpleCodingTutorials/Tutorials · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
<head>
	<title>Theme Changer</title>
	<link rel="stylesheet" href="style.css">
</head>
<body>
    <div id="rightClickMenu">
      <div class="item" number="1">Blue</div>
      <div class="item" number="2">Green</div>
      <div class="item" number="3">Red</div>
      <div class="item" number="4">Reset</div>
    </div>
    <nav>
      <h2><img id="logo" src="logo.png"></h2>
      <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
      </ul>
    </nav>
    <header id="rightClickElement">
      <h1>Welcome to Simple Coding Tutorials</h1>
      <h3>Learn the Basics of HTML,CSS and JavaScript with Our Step-by-Step Simple Coding Tutorial</h3>
    </header>
    <main>
    <section>
      <h2>Custom Context Menu</h2>
      <p>Looking to enhance your website's design with more customization options? Our guide will take you through the process of creating a context menu for a sample page that pops up when a user clicks on a specific element, allowing them to change the element's background color. By following our step-by-step instructions, you can easily create an intuitive and user-friendly menu that gives your visitors complete control over their browsing experience. Don't wait - follow this guide and add this useful feature to your website today.
      </p>

    </section>
</main>
    <footer>
      <p>© 2023 Simple Coding Tutorials</p>
    </footer>

    <script src="main.js">

    </script>
  </body>
</html>