website/resources.html at master · Connect-At-Berkeley/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
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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
        <meta name="description" content="" />
        <meta name="author" content="" />
        <title>Connect@Cal</title>
        <link rel="icon" href="favicon.ico" type="image/x-icon"/>
        <!-- Font Awesome icons (free version)-->
        <script src="https://use.fontawesome.com/releases/v5.12.1/js/all.js" crossorigin="anonymous"></script>
        <!-- Google fonts-->
        <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
        <link href="https://fonts.googleapis.com/css2?family=Martel+Sans&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
        <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@700&display=swap" rel="stylesheet">
        <!-- Core theme CSS (includes Bootstrap)-->
        <link href="css/styles.css" rel="stylesheet" />
    </head>
    <body id="page-top">
        <!-- Navigation-->
        <nav class="navbar navbar-expand-lg bg-secondary  fixed-top" id="mainNav">
            <div class="container" id="nav-top">

                <a href="index.html"><img class="navbar-brand js-scroll-trigger ml-3"src="assets/img/sponsor_logo.svg" width ="250px" height = "70px" alt="Connect@Cal"></a>
                <button class="navbar-toggler navbar-toggler-right text-uppercase font-weight-bold bg-primary rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu <i class="fas fa-bars"></i></button>
                <div class="collapse navbar-collapse" id="navbarResponsive">
                    <ul class="navbar-nav ml-auto mr-4">
                        <!-- <li class="nav-item mx-0 mx-lg-1"><a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#home">Home</a></li> -->
                        <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="about.html">About</a></li>
                        <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="faq.html">FAQ</a></li>
                        <li class="nav-item mx-0 mx-lg-1"><a class="current nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="resources.html">Add a Resource</a></li>
                        <!-- <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="getinvolved.html">Get Involved</a></li> -->
                        <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="partners.html">Our Partners</a></li>
                        <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="events.html">Events</a></li>

                        <li class="nav-item mx-0 mx-lg-1"><a class="notcurrent nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="donate.html">Donate</a></li>

                    </ul>
                </div>
            </div>
        </nav>
<section class="page-section porfolio bg-primary2 nopadding">
    <div class="container-fluid">
        <div class="row">
            <div class="resourcepad col-md-7 col-sm-12" style="margin-top: 10vw;">
                <img src="assets/img/resourceimg.svg">
            </div>
            <div class="col-md-5 col-sm-12" style="margin-top: 12vw;">
                <h3 class="mb-5" style="color: white;"> Help Expand Our Database!</h3>
                <h5> Have a resource that will benefit Cal students?
                </h5>
                <h5> Click the button to email the resource to us!
                </h5>
                <button style="margin-top: 5vw; font-size: 1.125rem;" class ="resourcebutton formbutton" > Add a resource </button>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 nopadding">
                <img src="assets/img/resources_bottom.svg">
            </div>
        </div>
    </div>
</section>


 <!-- Footer-->
 <footer class="footer text-center">
    <div class="container-fluid">
        <div class="row d-flex justify-content-center">
            <!-- Footer Location-->
            <div class="col-sm-4 order-sm-12">
                <h4 class="text-uppercase mb-4">Help Us Improve</h4>
                <div class="row d-flex justify-content-center">
                    <a class="footer-hover" href="https://forms.gle/pnrZkBLoPpbGmdAE7"> Give Feedback</a>
                </div>
                <div class="row d-flex justify-content-center">
                    <a class="footer-hover" href="https://forms.gle/ZZQdNdhbif7V9pWa7"> Report a bug</a>
                </div>
                <div class="row d-flex justify-content-center">
                    <a class="footer-hover" href="resources.html"> Add a resource</a>
                </div>
                <div class="row d-flex justify-content-center">
                    <a class="footer-hover mb-5" href="https://forms.gle/mMvsWPzYiK7oJMLb9"> Partner with us</a>
                </div>
            </div>
            <!-- Footer Social Icons-->
            <div class="col-sm-4 order-sm-12">
                <h4 class="text-uppercase mb-4">Contact Us</h4>
                <div class="row d-flex justify-content-center">
                    <a href="mailto:hello@connected.berkeley.edu"> hello@connected.berkeley.edu</p>
                </div>
                <a class="col-md-12 col-lg-4 mb-5 btn btn-outline-light btn-social mx-1" href="https://www.facebook.com/connect.cal"><i class="fab fa-fw fa-facebook-f"></i></a>
                <a class="col-md-12 col-lg-4 mb-5 btn btn-outline-light btn-social mx-1" href="https://www.linkedin.com/company/connect-cal"><i class="fab fa-linkedin-in"></i></a>
                <a class="col-md-12 col-lg-4 mb-5 btn btn-outline-light btn-social mx-1" href="https://www.instagram.com/connectcal/"><i class="fab fa-instagram"></i></a>
            </div>
            <div class="col-sm-4 order-sm-12">
                <a href="https://www.ocf.berkeley.edu">
                        <img src="https://www.ocf.berkeley.edu/hosting-logos/ocf-hosted-penguin-dark.svg"
                            alt="Hosted by the OCF" style="border: 0;" />
                </a>
                <p style="font-family: 'Martel Sans', sans-serif;">
                  We are a student group acting independently of the University of California. We take full responsibility for our organization and this web site.
                </p>
            </div>
        </div>
    </div>
</footer>
<!-- Copyright Section-->
<section class="copyright py-4 text-center text-white">
    <div class="container"><small>Copyright © 2020 Connect@Cal</small></div>
</section>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes)-->
<div class="scroll-to-top d-lg-none position-fixed">
    <a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top"><i class="fa fa-chevron-up"></i></a>
</div>
<!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Contact form JS-->
<script src="assets/mail/jqBootstrapValidation.js"></script>
<script src="assets/mail/contact_me.js"></script>
<!-- Core theme JS-->
<script src="js/scripts.js"></script>
</body>
</html>