Portfolio-Website/leapForward-interior-page.html at master · chaseyvw/Portfolio-Website · 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
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Testimonials Grid Project | Chasey Van Wie</title>
        <link rel="shortcut icon" href="Images/GEU2NSPr_400x400.jpg"/>
        <link rel="stylesheet" href="grid-interior-styles.css">
        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-GLhlTQ8iRABdZLl6O3oVMWSktQOp6b7In1Zl3/Jr59b6EGGoI1aFkw7cmDA6j6gD" crossorigin="anonymous">
        <script src="JQuery/jquery.js" type="text/javascript" language="JavaScript"></script>
        <script src="script.js" type="text/javascript" language="JavaScript"></script>
        <script src="JQuery/Animated-Firefly-Effect/Animated-Firefly-Effect/jquery.firefly-0.7.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js" integrity="sha384-w76AqPfDkMBDXo30jS1Sgez6pr3x5MlQ1ZAGC+nuZB+EYdgRZgiwxhTBTkF7CXvN" crossorigin="anonymous"></script>

        <!-- FONTS -->
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@200&family=Poppins:wght@300&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Kanit:wght@100&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk&display=swap" rel="stylesheet">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
    </head>

    <body>
        <nav>
            <a id="homeButton" title="Home" href="index.html">Home</a>
        </nav>
        <span id="#home-anchor"></span>
        <div class="body-container">
            <h1>Leap Forward Website</h1>
            <p>This project was developed independently by me using provided mockups and styleguides from the design team. The main technologies and languages used for this
                project were HTML, CSS, JavaScript, jQuery, Bootstrap, and PHP.
            </p>
            <div class="view-this-project-container">
                <p>View this project on...</p>
                <div class="view-project-images">
                    <a href="https://www.leapforwardweb.com/leapforwardsite/homepage.html" target="_blank"><img src="Images/Link.png.png"></a>
                    <a href="https://www.linkedin.com/in/chasey-van-wie-6423a4162/"><img src="Images/imageedit_14_4970341344.png"></a>
                </div>
            </div>
            <div class="project-examples-container">
                <div id="example1" class="examples">
                    <img src="Images/leapforward.png">
                    <p>Web & Design Page</p>
                </div>
                <div id="example2" class="examples">
                    <p>Contact Page</p>
                    <img src="Images/leapforwardcontact.png">
                </div>
                <div id="example3" class="examples">
                    <img src="Images/leapforwardlandingpage.png">
                    <p>Landing Page</p>
                </div>
            </div>
            <footer>
                <div class="curved">
                    <br><br><a class="email" href="mailto:chaseyvw@gmail.com"><p>chaseyvw@gmail.com</p></a>
                    <h2>Check me out on socials!</h2>
                    <a href="https://github.com/chaseyvw"><img class="socialmedia__images" src="Images/imageedit_4_4387193297.png"></a>
                    <a href="https://www.linkedin.com/in/chasey-van-wie-6423a4162/"><img class="socialmedia__images" src="Images/imageedit_9_9545161421.png"></a>
                    <br><a href="#home-anchor" title="Back To Top!"><img class="arrow__image" src="Images/ArrowToTop_Image.png"></a>
                </div>
            </footer>
        </div>
    </body>
</html>