<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<link href="/static/images/logoorangesupport.png" rel="icon" type="image/png">
<title>
UpGrade | Home
</title>
<meta content="UpGrade" name="description">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- External CSS -->
<link href="/static/vendor/css/bootstrap.min.css" rel="stylesheet">
<link href="/static/vendor/css/select2.min.css" rel="stylesheet">
<link href="/static/vendor/css/owl.carousel.min.css" rel="stylesheet">
<link href="/static/vendor/css/lightcase.css" rel="stylesheet">
<link href="https://unpkg.com/aos@next/dist/aos.css" rel="stylesheet">
<!-- Fonts -->
<link href="https://fonts.gstatic.com" rel="preconnect">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;800&display=swap" rel="stylesheet">
<!-- CSS -->
<link href="/static/css/style.min.css" rel="stylesheet">
<link href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" rel="stylesheet">
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" rel="stylesheet">
<!-- Modernizr JS for IE8 support of HTML5 elements and media queries -->
<script defer="" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js">
</script>
<!-- Google tag (gtag.js) -->
<script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-964619848">
</script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag("js", new Date());
gtag("config", "AW-964619848");
</script>
<!-- MS Ads -->
<script>
(function(w, d, t, r, u) {
var f, n, i;
(w[u] = w[u] || []), (f = function() {
var o = {
ti: "148004865"
};
(o.q = w[u]), (w[u] = new UET(o)), w[u].push("pageLoad");
}), (n = d.createElement(t)), (n.src = r), (n.async = 1), (n.onload = n.onreadystatechange = function() {
var s = this.readyState;
(s && s !== "loaded" && s !== "complete") || (f(), (n.onload = n.onreadystatechange = null));
}), (i = d.getElementsByTagName(t)[0]), i.parentNode.insertBefore(n, i);
})(window, document, "script", "//bat.bing.com/bat.js", "uetq");
</script>
<!-- Meta Pixel Code -->
<script>
!(function(f, b, e, v, n, t, s) {
if (f.fbq) return;
n = f.fbq = function() {
n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments);
};
if (!f._fbq) f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = "2.0";
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s);
})(window, document, "script", "https://connect.facebook.net/en_US/fbevents.js");
fbq("init", "685645189746044");
fbq("track", "PageView");
</script>
<noscript>
</noscript>
</head>
<body class="static-layout" data-spy="scroll" data-target="#navbar">
<img height="1" src="https://www.facebook.com/tr?id=685645189746044&ev=PageView&noscript=1" style="display: none" width="1">
<!-- End Meta Pixel Code -->
<meta content="jx7zs6nkhrraz5wx32b2r24nzxu3oe" name="facebook-domain-verification">
<nav class="navbar navbar-expand-lg py-4" id="header-navbar">
<div class="container" data-aos="fade-up">
<button aria-controls="navbar-nav-header" aria-expanded="false" aria-label="Toggle navigation" class="navbar-toggler" data-target="#navbar-nav-header" data-toggle="collapse" onclick="move_h1()" type="button">
<span class="lnr lnr-menu">
</span>
</button>
<div class="collapse navbar-collapse" id="navbar-nav-header">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="/pennstate/">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pennstate/membership/">
Membership
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pennstate/about/">
Rates & About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pennstate/contact/">
Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pennstate/login/">
Log In
</a>
</li>
<li class="nav-item only-desktop">
<a class="nav-link" href="#" id="side-nav-open">
<span class="lnr lnr-bubble">
</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
<div class="sidenav" id="side-nav">
<a href="javascript:void(0)" id="side-nav-close">
×
</a>
<div class="sidenav-content">
<p>
<span class="fs-16 primary-color">
<a href="tel:8149335667" target="_blank">
814-933-5667
</a>
</span>
</p>
<p>
<a href="mailto:[email protected]" target="_blank">
[email protected]
</a>
</p>
</div>
</div>
<div class="sidenav" id="side-search">
<a href="javascript:void(0)" id="side-search-close">
×
</a>
<div class="sidenav-content">
<form action="" name="Home" netlify="">
<div class="input-group md-form form-sm form-2 pl-0">
<input aria-label="Search" class="form-control my-0 py-1 red-border" placeholder="Search" type="text">
<div class="input-group-append">
<button class="input-group-text red lighten-3" id="basic-text1">
<span class="lnr lnr-magnifier">
</span>
</button>
</div>
</div>
</form>
</div>
</div>
<div class="jumbotron d-flex align-items-center">
<div class="row">
<div class="icons icons-arrow1">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow2">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow3">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow4">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow5">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow6">
<img alt="" src="/static/images/arrow.svg">
</div>
<div class="icons icons-arrow7">
<img alt="" src="/static/images/arrow.svg">
</div>
<table class="col-lg-7 col-sm-12 text-center" data-aos="fade-right">
<tbody>
<tr>
<td>
<img class="img-responsive" src="/static/images/logogray.png" style="max-width: 40%; padding-bottom: 50px; vertical-align: center;">
<div class="bg-white p-5 shadow" style="max-width: 70%; display: block; margin: auto">
<div class="heading-section text-center">
<h2 class="mb-4" style="color:#202020; vertical-align: center;">
<b>
Academic support, done the right way.
</b>
</h2>
<p class="caveat" style="color:#202020;">
Want to learn about how we do that?
</p>
<a class="btn btn-primary btn-shadow btn-lg" href="">
Learn more
</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<table class="col-lg-5 col-sm-12 text-center" data-aos="fade-left">
<tbody>
<tr>
<td style="padding: 20px;">
<div class="bg-white p-5 shadow">
<div class="heading-section text-center">
<h2 class="mb-4" style="color:#202020;">
<b>
Welcome!
</b>
</h2>
<p class="caveat" style="color:#202020;">
We can't wait to share our love for learning with you.
</p>
<br>
</div>
<form method="POST" name="splash" netlify="" netlify-honeypot="honeypot">
<input name="csrfmiddlewaretoken" type="hidden" value="6Cg5UxM7CTuWJBquVBTbpcwRUryGfiEQIYeZnQtGHdCk9wddSUfuRRBDf4O3B6DC">
<div class="row">
<div class="col-md-12 form-group">
<input class="form-control" id="name" name="name" placeholder="Name" required="" type="text">
</div>
<div class="col-md-12 form-group">
<input class="form-control" id="email" name="email" placeholder="Email" required="" type="text">
</div>
<div class="col-md-12 form-group">
<input class="form-control" id="course" name="course" placeholder="Course" required="" type="text">
</div>
<div class="col-md-12 form-group">
<textarea class="form-control" id="message" name="message" placeholder="Anything to add? (Optional)" rows="6"></textarea>
</div>
<div class="col-md-12 form-group" style="display:none">
<input class="form-control" id="honeypot" name="honeypot" placeholder="Leave blank if you're human!" type="text">
</div>
<div class="col-md-12 text-center">
<button class="btn btn-primary btn-shadow btn-lg" name="submit" type="submit">
Send message
</button>
</div>
</div>
</form>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Features Section -->
<section class="bg-white" id="features">
<div class="container">
<span class="anchor" id="services">
</span>
<div class="section-content">
<!-- Section Title -->
<div class="title-wrap mb-5" data-aos="fade-up">
<h2 class="section-title">
This is the place for
<b>
deep understanding.
</b>
</h2>
<p class="section-sub-title; caveat">
Exceptional support for Penn State students, done the right way.
</p>
<p class="section-sub-title">
All three available online or in person:
</p>
</div>
<!-- End of Section Title -->
<div class="row">
<!-- Features Holder-->
<div class="col-md-10 offset-md-1 features-holder">
<div class="row">
<!-- Feature Item -->
<div class="col-md-4 col-sm-12 text-center mt-4">
<hr>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-highlight fs-40">
</i>
</div>
<h4>
1. Membership
</h4>
<p>
Videos, collaboration, homework help, & more!
<a href="./login">
Log in
</a>
to sign up.
</p>
</div>
<div data-aos="fade-up" data-aos-duration="500">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 25px; padding-bottom: 12px;">
</div>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-delay="100" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-tag fs-40">
</i>
</div>
<h4>
Rates
</h4>
<p>
See our
<a href="/pennstate/membership/">
membership
</a>
page for details!
</p>
</div>
<hr>
</div>
<!-- End of Feature Item -->
<!-- Feature Item -->
<div class="col-md-4 col-sm-12 text-center">
<hr>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-bubble fs-40">
</i>
</div>
<h4>
2. Tutoring
</h4>
<p>
Support by appointment with our expert staff.
<a href="/pennstate/contact/">
Contact
</a>
to get started!
</p>
</div>
<div data-aos="fade-up" data-aos-delay="300" data-aos-duration="500">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 25px; padding-bottom: 12px;">
</div>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-delay="400" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-tag fs-40">
</i>
</div>
<h4>
Rates
</h4>
<p>
1-on-1 with a staff tutor, $50/hr. Full rates on the
<a href="/pennstate/about/">
about
</a>
page.
</p>
</div>
<hr>
</div>
<!-- End of Feature Item -->
<!-- Feature Item -->
<div class="col-md-4 col-sm-12 text-center mt-4">
<hr>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-delay="600" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-user fs-40">
</i>
</div>
<h4>
3. Coaching
</h4>
<p>
From how to study to branding yourself for your career path.
</p>
</div>
<div data-aos="fade-up" data-aos-delay="600" data-aos-duration="500">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 37px; padding-bottom: 12px; padding-right: 12px;">
<img alt="" src="/static/images/arrowdown2.png" style="width: 25px; padding-bottom: 12px;">
</div>
<div class="shadow rounded p-4 mb-4" data-aos="fade-up" data-aos-delay="700" data-aos-duration="500">
<div class="my-4">
<i class="lnr lnr-tag fs-40">
</i>
</div>
<h4>
Rates
</h4>
<p>
$50/session, or $250 for six 45-minute sessions + book.
</p>
</div>
<hr>
</div>
<!-- End of Feature Item -->
</div>
</div>
<!-- End of Features Holder-->
</div>
</div>
</div>
</section>
<!-- End of Features Section-->
<section class="featurettes overlay bg-fixed" id="section-featurettes" style="background-image: url(/static/images/bg.jpg);">
<div class="container">
<div class="section-content">
<div class="row">
<span class="anchor" id="online">
</span>
<div class="col-md-12">
<div class="row align-items-center text-white">
<div class="col-md-4 offset-md-2 col-sm-6" data-aos="fade-right">
<h4 class="mb-4">
<b>
Online or in person.
</b>
</h4>
<p>
You know what works best for you right now. If you pay ahead for your session, you'll receive a meeting link, or you can arrange with your tutor or coach after you
<a class="featurette-link-fix orange-bg" href="/pennstate/contact/">
reach out
</a>
.
</p>
<p>
Otherwise, your tutor will be in touch to arrange a meeting location just off the edge of campus!
</p>
</div>
<!--/ .col-md-4.col-md-offset-2.col-sm-6 -->
<div class="col-md-4 offset-md-right-2 col-sm-6" data-aos="flip-right">
<img alt="" class="my-5" src="/static/images/phonescreen.jpg">
</div>
<!--/ .col-md-4.col-md-offset-right-2.col-sm-6 -->
</div>
<!--/ .featurettes-item -->
</div>
<!--/ .col-md-12 -->
</div>
<!--/ .row -->
</div>
</div>
<!--/ .container -->
</section>
<section class="featurettes" id="section-featurettes">
</section>
<!-- Testimonial Section-->
<section class="section-padding bg-fixed bg-white overlay" id="testimonial" style="background-image: url(/static/images/white_bg.jpg);">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="heading-section text-center">
<h2>
Testimonials
</h2>
</div>
<div class="row" data-aos="fade-up">
<!-- Testimonial -->
<div class="testi-content testi-carousel owl-carousel">
<div class="testi-item text-center">
<i class="testi-icon fa fa-3x fa-quote-left">
</i>
<h4 class="testi-text">
I can’t say enough good things about the tutor that he worked with, he thought she was amazing! Do you have any tutors at Pitt?
</h4>
<div class="testi-meta-inner d-flex justify-content-center align-items-center">
<div class="testi-img mr-2">
<img alt="" src="/mediafiles/testimonials/pennstate/testimonial3.jpg">
</div>
<div class="testi-details">
<p class="testi-author mb-0 font-weight-bolder">
Karl B
</p>
<p class="testi-desc mb-0">
Pre-Med Parent
</p>
</div>
</div>
</div>
<div class="testi-item text-center">
<i class="testi-icon fa fa-3x fa-quote-left">
</i>
<h4 class="testi-text">
I got a 100%... thanks for all of the help!
</h4>
<div class="testi-meta-inner d-flex justify-content-center align-items-center">
<div class="testi-img mr-2">
<img alt="" src="/mediafiles/testimonials/pennstate/testimonial2.jpg">
</div>
<div class="testi-details">
<p class="testi-author mb-0 font-weight-bolder">
Kelli P
</p>
<p class="testi-desc mb-0">
Chemistry Student
</p>
</div>
</div>
</div>
<div class="testi-item text-center">
<i class="testi-icon fa fa-3x fa-quote-left">
</i>
<h4 class="testi-text">
He's so brilliant! I wish I could put him in my pocket so he could ask me the right questions during the test.
</h4>
<div class="testi-meta-inner d-flex justify-content-center align-items-center">
<div class="testi-img mr-2">
<img alt="" src="/mediafiles/testimonials/pennstate/testimonial0.jpg">
</div>
<div class="testi-details">
<p class="testi-author mb-0 font-weight-bolder">
Jon S
</p>
<p class="testi-desc mb-0">
Physics Student
</p>
</div>
</div>
</div>
<div class="testi-item text-center">
<i class="testi-icon fa fa-3x fa-quote-left">
</i>
<h4 class="testi-text">
My daughter went from being totally overwhelmed, in over her head, scared she would not be able to keep her major, to a deeper understanding, a love of the subject, and the satisfaction of overcoming what had felt like an insurmountable challenge.
</h4>
<div class="testi-meta-inner d-flex justify-content-center align-items-center">
<div class="testi-img mr-2">
<img alt="" src="/mediafiles/testimonials/pennstate/1.jpg">
</div>
<div class="testi-details">
<p class="testi-author mb-0 font-weight-bolder">
Chrissy H
</p>
<p class="testi-desc mb-0">
Math Major Parent
</p>
</div>
</div>
</div>
<div class="testi-item text-center">
<i class="testi-icon fa fa-3x fa-quote-left">
</i>
<h4 class="testi-text">
Happy to recommend UpGrade! Honestly, we've tried several other tutors/tutor businesses. By far, UpGrade has been the best! They are local, face-to-face, reasonably priced, dependable, and knowledgeable.
</h4>
<div class="testi-meta-inner d-flex justify-content-center align-items-center">
<div class="testi-img mr-2">
<img alt="" src="/mediafiles/testimonials/pennstate/testimonial1.jpg">
</div>
<div class="testi-details">
<p class="testi-author mb-0 font-weight-bolder">
Jan T
</p>
<p class="testi-desc mb-0">
Engineering Parent
</p>
</div>
</div>
</div>
</div>
<!-- End of Testimonial -->
</div>
</div>
</div>
</section>
<!-- End of Testimonial Section-->
<!-- Portfolio Section -->
<section class="bg-white" id="portfolio">
<div class="container">
<div class="section-content">
<!-- Section Title -->
<div class="title-wrap" data-aos="fade-up">
<h2 class="section-title">
<b>
Personalized Support
</b>
</h2>
<p class="section-sub-title">
The ideal way to learn & grow.
</p>
</div>
<!-- End of Section Title -->
<div class="row">
<!-- Portfolio Holder -->
<div class="col-md-12 portfolio-holder mt-3">
<!-- Btn Filter -->
<!-- End of Btn Filter -->
<!-- Portfolio Content -->
<div class="grid-portfolio">
<div class="grid-sizer">
</div>
<div class="gutter-sizer">
</div>
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Calm Focus" class="portfolio-item" src="/mediafiles/office_photos/pennstate/arriving1_KwD41kg.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/arriving1_KwD41kg.jpg" title="Calm Focus">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Calm Focus
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Visualizing Complexity" class="portfolio-item" src="/mediafiles/office_photos/pennstate/molecular-model.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/molecular-model.jpg" title="Visualizing Complexity">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Visualizing Complexity
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Exploring Together" class="portfolio-item" src="/mediafiles/office_photos/pennstate/tutoring2.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/tutoring2.jpg" title="Exploring Together">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Exploring Together
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Pursuing Excellence" class="portfolio-item" src="/mediafiles/office_photos/pennstate/tutoring2_neu1y2F.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/tutoring2_neu1y2F.jpg" title="Pursuing Excellence">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Pursuing Excellence
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Steady Effort" class="portfolio-item" src="/mediafiles/office_photos/pennstate/arriving2_4kUpXmb.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/arriving2_4kUpXmb.jpg" title="Steady Effort">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Steady Effort
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
<!-- Portfolio Item -->
<div class="grid-item arriving" data-aos="fade-up">
<div class="grid-item-wrapper">
<img alt="Technically Sound" class="portfolio-item" src="/mediafiles/office_photos/pennstate/office1_q2pcB59.jpg">
<div class="grid-info">
<div class="grid-link d-flex justify-content-center">
<a class="img-pop" data-rel="lightcase" href="/mediafiles/office_photos/pennstate/office1_q2pcB59.jpg" title="Technically Sound">
<span class="lnr lnr-move">
</span>
</a>
</div>
<div class="grid-title">
<h4>
Technically Sound
</h4>
</div>
</div>
</div>
</div>
<!-- End of Portfolio Item -->
</div>
<!-- End of Portfolio Content -->
</div>
<!-- End of Portfolio Holder -->
</div>
</div>
</div>
</section>
<!-- End of Portfolio Section -->
<!-- Client Section -->
<section class="overlay bg-fixed" id="client" style="background-image: url(/static/images/arriving1.jpg);">
<div class="container">
<div class="section-content">
<div class="row">
<div class="col-md-12">
<!-- Section Title -->
<div class="title-wrap mb-5" data-aos="fade-up">
<h2>
Seven subject areas we're
<span style="font-weight: bold;">
passionate about
</span>
</h2>
</div>
<!-- End of Section Title -->
</div>
<!-- Client Holder -->
<div class="col-md-12 client-holder" data-aos="fade-up">
<div class="client-slider owl-carousel" style="background: linear-gradient(rgba(255,255,255,.04), rgba(255,255,255,.02))">
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/circle.png">
<h4 style="text-align: center;">
MATH
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/molecule.png">
<h4 style="text-align: center;">
CHEM
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/dna.png">
<h4 style="text-align: center;">
BIOL
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/atom.png">
<h4 style="text-align: center;">
PHYS
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/arrow2.png">
<h4 style="text-align: center;">
E MCH
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/paper.png">
<h4 style="text-align: center;">
STAT
</h4>
</div>
<div class="client-item">
<img alt=" " class="img-responsive" src="/static/images/icons/type.png">
<h4 style="text-align: center;">
CMPSC
</h4>
</div>
</div>
<!-- End of Client Holder -->
</div>
</div>
</div>
</div>
</section>
<!-- End of Client Section -->
<!-- Reservation Section -->
<section class="bg-white section-content" id="reservation">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-5 offset-lg-1 mb-5 mb-lg-0" data-aos="fade-right">
<div class="bg-white p-5 shadow">
<div class="heading-section text-center">
<h2 class="mb-4" style="color:#202020;">
<b>
Reach Out!
</b>
</h2>
<p class="caveat">
We'll get back to you right away.
</p>
<br>
</div>
<form method="POST" name="contact-us" netlify="" netlify-honeypot="honeypot">
<input name="csrfmiddlewaretoken" type="hidden" value="6Cg5UxM7CTuWJBquVBTbpcwRUryGfiEQIYeZnQtGHdCk9wddSUfuRRBDf4O3B6DC">
<div class="row">
<div class="col-md-12 form-group">
<input class="form-control" id="name" name="name" placeholder="Name" required="" type="text">
</div>
<div class="col-md-12 form-group">
<input class="form-control" id="email" name="email" placeholder="Email" required="" type="text">
</div>
<div class="col-md-12 form-group">
<input class="form-control" id="course" name="course" placeholder="Course" required="" type="text">
</div>
<div class="col-md-12 form-group">
<textarea class="form-control" id="message" name="message" placeholder="Anything to add? (Optional)" rows="6"></textarea>
</div>
<div class="col-md-12 form-group" style="display:none">
<input class="form-control" id="honeypot" name="honeypot" placeholder="Leave blank if you're human!" type="text">
</div>
<div class="col-md-12 text-center">
<button class="btn btn-primary btn-shadow btn-lg" name="submit" type="submit">
Send message
</button>
</div>
</div>
</form>
</div>
</div>
<div class="col-lg-4 offset-lg-1" data-aos="fade-left">
<h2 class="mb-4">
The
<b>
best support
</b>
for Penn State students.
</h2>
<p class="mb-4">
We'll get back to you
<b>
within a business day
</b>
, usually faster.
</p>
<ul class="list-inline py-2">
<li class="list-inline-item text-center">
<span class="lnr fs-40 lnr-rocket">
</span>
<p>
Fast support
</p>
</li>
<li class="list-inline-item text-center">
<span class="lnr fs-40 lnr-magic-wand">
</span>
<p>
Human touch
</p>
</li>
<li class="list-inline-item text-center">
<span class="lnr fs-40 lnr-cog">
</span>
<p>
Technical expertise
</p>
</li>
</ul>
<a class="btn btn-link p-0" href="/pennstate/about/">
<span>
Learn More
</span>
<span class="lnr lnr-arrow-right">
</span>
</a>
<hr>
<p>
<b>
Jobs:
</b>
Shoot a note to
<a href="mailto:[email protected]?subject=Join the UpGrade Team?" target="_blank">
[email protected]
</a>
and we'll get back to you with next steps.
</p>
</div>
</div>
</div>
</section>
<!-- End of Reservation Section -->
<!-- Features Section-->
<section class="bg-fixed overlay" id="cta" style="background-image: url(/static/images/arriving2.jpg);">
<div class="container">
<div class="section-content" data-aos="fade-up">
<div class="row">
<div class="col-md-12 text-center">
<h2 class="mb-2">
Ready to
<b>
join forces
</b>
on your coursework?
</h2>
<p>
Videos, collaboration, homework help, & more!
</p>
<a class="btn btn-secondary" href="/pennstate/membership/">
Learn more
</a>
<a class="btn btn-secondary" href="/pennstate/login/">
Join in!
</a>
</div>
</div>
</div>
</div>
</section>
<!-- End of Features Section-->
<footer class="mastfoot my-3">
<div class="inner container" data-aos="fade-up">
<div class="row">
<div class="col-4 d-flex align-items-center">
<ul class="navbar-nav ml-auto">
<p class="caveat footer-tweaks">
<b>
UpGrade Site
</b>
</p>
<li class="nav-item">
<a class="nav-link footer-tweaks" href="/pennstate/">
Home
</a>
</li>
<li class="nav-item">
<a class="nav-link footer-tweaks" href="/pennstate/membership/">
Membership
</a>
</li>
<li class="nav-item">
<a class="nav-link footer-tweaks" href="/pennstate/about/">
Rates & About
</a>
</li>
<li class="nav-item">
<a class="nav-link footer-tweaks" href="/pennstate/contact/">
Contact
</a>
</li>
<li class="nav-item">
<a class="nav-link footer-tweaks" href="/pennstate/login/">
Log In
</a>
</li>
</ul>
</div>
<div class="col-6 col-md-4 d-flex align-items-center">
<table>
<tbody>
<tr>
<td>
<p class="mx-auto text-center mb-0 footer-tweaks">
© 2024 UpGrade Tutoring, LLC
</p>
</td>
</tr>
<tr>
<td>
<p class="mx-auto text-center mb-0 caveat footer-tweaks">
#LearnToLearn
</p>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-1 col-md-4 d-flex align-items-center">
<nav class="nav nav-mastfoot justify-content-center">
<a class="nav-link" href="https://instagram.com/upgradepennst" target="_blank">
<i class="fab fa-instagram">
</i>
</a>
<a class="nav-link" href="https://facebook.com/upgradepennst" target="_blank">
<i class="fab fa-facebook-f">
</i>
</a>
<a class="nav-link" href="https://twitter.com/upgradepennst" target="_blank">
<i class="fab fa-twitter">
</i>
</a>
</nav>
</div>
</div>
</div>
</footer>
<!-- External JS -->
<script defer="" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" type="text/javascript">
</script>
<script defer="" src="/static/vendor/js/popper.min.js">
</script>
<script defer="" src="/static/vendor/js/bootstrap.min.js">
</script>
<script defer="" src="/static/vendor/js/select2.min.js">
</script>
<script defer="" src="/static/vendor/js/owl.carousel.min.js">
</script>
<script charset="utf-8" defer="" src="/static/vendor/js/jquery.stellar.js" type="text/javascript">
</script>
<script defer="" src="/static/vendor/js/isotope.min.js">
</script>
<script defer="" src="/static/vendor/js/lightcase.js">
</script>
<script defer="" src="/static/vendor/js/waypoint.min.js">
</script>
<script defer="" src="https://unpkg.com/aos@next/dist/aos.js">
</script>
<script>
var dt = new Date();
document.getElementById("datetime").innerHTML = dt.toLocaleString();
</script>
<script>
function move_h1() {
document.getElementById("move_h1_target").classList.toggle("move_h1_class");
}
var django_message = document.getElementById("dismissable");
console.log(django_message);
setTimeout(function() {
django_message.style.display = "none";
}, 3000);
</script>
<!-- Main JS -->
<script defer="" src="/static/js/app.min.js">
</script>
<!--<script defer src="//localhost:35729/livereload.js"></script>-->
</body>
</html>