cnb028.github.io/webprojects.html at main · cnb028/cnb028.github.io · 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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>

<html lang="en">
    <head>

        <!--Mobile Friendly Viewing-->
	    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=0.1, maximum-scale=10, user-scalable=1">

        <!--Landing Page Title-->
        <title>Christine Bettencourt's Eportfolio</title>

        <!--CSS-->
        <link rel="stylesheet" href="css/dropdown.css">
        <link rel="stylesheet" href="css/theme.css">
        <link rel="stylesheet" href="css/footer.css">
        <link rel="stylesheet" href="css/projects.css">

        <!--Javascript-->

    </head>

    <body>
        <div class="navbar">
        <!--Bouncing Bunny Studios Logo-->
        <img alt="bouncingbunnystudios" src="images/brand/final.svg">
        <!--Home--> <!--Link to Homepage.html-->
        <a href="index.html">Home</a>
        <!--About--> <!--DropMenu-->
        <div class="dropdown">
            <button class="dropbtn">About Me
                <i class="fa fa-caret=down"></i>
            </button>
            <div class="dropdown-content">
                <a href="about/personal.html">Personal Life</a>
                <a href="about/educational.html">Education</a>
                <a href="about/professional.html">Professional</a>
            </div>
        </div>
        <!--Portfolio--> <!--Dropdown Menu-->
        <div class="dropdown">
            <button class="dropbtn">Portfolio
                <i class="fa fa-caret=down"></i>
            </button>
            <div class="dropdown-content">
                <a href="webprojects.html">Web Design Practice Projects</a>
            </div>
        </div>
        <!--Contact-->
        <a href="contact.html">Contact Me</a>
        </div> <!--Copy to other pages-->

        <div class="main">

            <div class=title>
                <h1>Web Design Projects</h1>
            </div>

            <div class="html">
                <h2>HTML/CSS/Javascript</h2>
                <ul>
                    <li><a href="portfolio/eduprojects/ani_trans/index.html">Animation and Transitions Using CSS</a>
                        <span id="github"><a href="https://github.com/cnb028/CSS-Animations-and-Transitions">
                            Find it on Github!</a></span></li>
                    <li><a href="portfolio/eduprojects/timing/index.html">CSS Timing</a><span id="github"><a href="https://github.com/cnb028/CSS-Timing-Functions">
                        Find it on Github!</a></span></li>
                    <li><a href="portfolio/eduprojects/pop_form/index.html">Pop-Up Form</a><span id="github"><a href="https://github.com/cnb028/Pop-up-Form-with-Animation">Find it on Github!</a></span></li>
                </ul>
            </div>

        </div>

        <footer>
        <h1>Created By Christine Bettencourt</h1>
        <h2><a href="copyright.html">Copyright 2023</a></h2>
        </footer> <!--Copy to Other Pages-->

</body>

</html>