beedev-helper/index.html at main · beedevservices/beedev-helper · 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
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" type='text/css' href="./css/styles.css" />
        <link rel="stylesheet" type='text/css' href="./css/dark-mode-styling/darkmode.css" />
        <script src="./js/components/baseNav.js"></script>
        <script src="./js/components/footer.js"></script>
        <title>CodeBuzz Helpers</title>
    </head>
    <body>
        <!-- dark mode switch -->
        <div id="darkModeStyling">
            <h1>CodeBuzz Helpers</h1>
            <p>
                <img id="darkModeIcon" src="./images/darkLightIcons/moon-first-quarter-new.jpg" alt="dark-mode-icon" >
            </p>
        </div>
        <header>
            <!-- nav bar start here -->
            <nav-component></nav-component>
        </header>
        <main>
            <h2>Welcome!</h2>
            <h3>Visual Programming Guides for the everyday programmer</h3>
            <p>Feeling "bee-hind" on your skills? Bee-live you can do it! With some help you can be one of us. <br><br>  At one time or another every Developer has come across or had problems understanding some concepts.  Sometimes reading all the material that is out there isn't enough you need something more visual that you can look at to really get or grasp what is going on or being used</p>
            <div class='main'>
                <img src="./images/codingGraph.jpeg" alt="Coding Graph" class="img">
                <a href="./images/codingGraph.jpeg" download><button>Download Image</button></a>
                <img src="./images/codes01.jpg" alt="HTML code" class='img'>
                <a href='./images/codes01.jpg' download><button>Download Image</button></a>
                <hr>
                <img src="./images/codes02.png" alt="More HTML code" class='img'>
                <a href='./images/codes02.png' download><button>Download Image</button></a>
                <hr>
            </div>
        </main>
        <!-- Footer -->
        <footer-component></footer-component>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="./js/scripts.js"></script>
        <script src="js/components/darkmode.js"></script>


    </body>
</html>