MomCom/about.html at master · karen-andre/MomCom · 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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
    <head>
        <title>MomCom - About Us</title>
        <link rel="shortcut icon" href="./assets/favicon.ico" type="image/x-icon">
        <link rel="icon" href="./assets/favicon.ico" type="image/x-icon">
        <link rel='stylesheet' type='text/css' href='./style.css'>
        <link href="https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,400;0,500;0,600;0,700;1,400;1,700&display=swap" rel="stylesheet">
    </head>


    <body>
        <!--TOP BANNER-->
        <div class='top-banner'>
            <div id='non-hyperlink' class='title'><a href='./index.html'> MomCom</a></div>
            <div class='nav-links'>
                <span>About Us</span>
                <span>Log In</span>
            </div>
        </div>

        <!--MAIN SECTION-->
        <div class='body'>

            <!--TOP THIRD-->
            <div class='problem-statement'>
                <div id='problem-statement' class='text'>
                    <h1>Problem Statement</h1>
                    <div class='top-section'>
                        <p>In the United States, there is a huge disparity in maternal mortality outcomes across socioeconomic and racial lines. We want to raise awareness and  increase access to resources for the most vulnerable expectant mothers.</p>
                    </div>
                </div>
                <div id='about-us' class='text'>
                    <h1>About Us</h1>
                    <div class='top-section'>
                        <p>Along with the assistance and guidance of our coaches and mentors, we’ve created a website that connects women, especially women of color, to various different resources. Maternal mortality rates, especially for those in the Black, brown, and Hispanic communities, are very high due to various reasons, one of them being lack of resources. </p>
                        <p>Women of color, who are usually at a lower socioeconomic status, are deprived of important resources such as midwives and doulas which has proven to be detrimental to their health. We’ve created a website to help log your emotions and pain level not only for your own record but also for other medical professionals to validate and talk about. We hope to lower the numbers of women dying during childbirth and create a supportive community for you and your loved ones.</p>
                    </div>
                </div>
            </div>

            <!--MIDDLE THIRD - MEET US-->
            <div class='bio'>
                <div class='text'>
                    <!--SCHOLARS-->
                    <h1>Meet the Founders</h1>
                    <div class='about-inner'>
                        <div class='img-container'>
                            <div class='img'>
                                <img src='./assets/ChristinaSherpa.png'>
                                <span>Christina Sherpa</span>
                            </div>
                            <div class='img'>
                                <img src='./assets/KatelynDiaz.png'>
                                <span>Katelyn Diaz</span>
                            </div>
                            <div class='img'>
                                <img src='./assets/KarenAndre.JPG'>
                                <span>Karen Andre</span>
                            </div>
                        </div>
                    </div>
                    <!--MENTORS-->
                    <h1>Meet the Mentors</h1>
                    <div class='about-inner'>
                        <div class='img-container'>
                            <div class='img'>
                                <img src='./assets/Marisa.jpeg'>
                                <span>Marisa Ruiz Asari</span>
                            </div>
                            <div class='img'>
                                <img src='./assets/Rachel.jpg'>
                                <span>Rachel Musiker</span>
                            </div>
                            <div class='img'>
                                <img src='./assets/Simone.jpeg'>
                                <span>Simone Betitto</span>
                            </div>
                        </div>
                    </div>
                    <!--INSTRUCTORS-->
                    <h1>Meet the Instructors</h1>
                    <div class='about-inner'>
                        <div class='img-container-two'>
                            <div class='img'>
                                <img src='./assets/Leah.jpeg'>
                                <span>Leah Weiss</span>
                            </div>
                            <div class='img'>
                                <img src='./assets/Gabi.jpeg'>
                                <span>Gabi Steele</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--BOTTOM THIRD-->
            <div class='slides'>
                <h1>Learn more about our project!</h1>
                <div class='iframe'>
                    <p>
                    <iframe src="https://docs.google.com/presentation/d/e/2PACX-1vRDNs00nWLSOsyqceqSfZOU8rwEyAPU7cSKLNJ1xjrHDPiUArbj35gjnlmmQT3Pp4Kc8dlgUTHoBq_Y/embed?start=false&loop=false&delayms=5000" frameborder="0" width="960" height="569" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
                    </p>
                </div>
            </div>
        </div>
    </body>
</html>