HelloCSS/Home.html at master · megumi29/HelloCSS · 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
80
81
82
83
84
85
86
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title> Megumi Designs Portfolio </title>
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Courgette|Source+Sans+Pro&display=swap" rel="stylesheet">
    <link rel="shortcut icon" type="image/png" href="images/MegumiDesigns_Logo_Green.png">
    <link rel="stylesheet" href="Home.css">
</head>

<body>
    <section class="page_container bar" id="home">
        <nav class="nav">
            <ul>
                <li><a href='home.html'>Home</a></li>
                <li><a href='about.html'>About</a></li>
                <li><a href='blog.html'>Blog</a></li>
                <li><a href="contactme.html">Contact Me</a></li>
            </ul>
        </nav>

        <div class="container" id="title">
            <h1> Megumi Designs </h1>
        </div>


        <div class="firstsection">
            <div class="header" id="welcomeheader">
                <h2> Hello Everyone, Welcome! </h2>
            </div>

            <div class="row">
                <div class="section body" id="aboutme">
                    <section>
                        <p>UX Designer looking to enhance my experience and skills, along with my Game and Graphic
                            Design background.
                            Looking to incorporate my passion for design into helping others get through their
                            demanding, tech-centric
                            lives.</p>
                    </section>
                </div>
            </div>

            <img class="firstpic profile" src="images/Megan.jpg" alt="Me" width="250">
            <button class="about">More About Me</button>

            <section class="projectlist">
                <h2>Projects</h2>
                <strong>Rewarding Memories</strong>
                <button>View More</button>
                <p> Rewarding Memories is an app for families who would like to provide experiences in a more rewarding
                    and
                    memorable way. This app is intended to build character and gain responsibilities for younger family
                    members, while also trying to break the well-known cycle of “expecting an allowance without having
                    to
                    work for it”.</p>
                <img class="profile" src="images/Rewarding Memories Logo.png" alt="Rewarding Memories Logo"
                    width="200px">

                <section class="projectlist">
                    <strong>Ark: Team Capstone Project</strong>
                    <button>View More</button>
                    <p>The Ark is an app for users who want to have all of their pet’s personal health & milestone
                        information
                        all in one spot. Along with resources to assist with all of their other pet needs.</p>
                    <img src="images/The Ark Logo.png" alt="The Ark Logo" width="200px">

                    <section class="projectlist">
                        <strong>Demo Reel</strong>
                        <button>View Demo Reel</button>
                        <p>Demo of previous work created while in college. Was shown during Student Showcase before I
                            graduated.
                            Work contains different medias, such as Game Design and 3D Animation.</p>
                        <img src="images/MegumiDesigns_Logo_Green.png" alt="Megumi Designs Logo" width="200px">
                    </section>
                </section>
            </section>
        </div>
    </section>
</body>

</html>