Skip to content

Commit

Permalink
New page page
Browse files Browse the repository at this point in the history
  • Loading branch information
Mezut authored and Mezut committed Apr 16, 2018
1 parent 28573d2 commit 9542fcf
Showing 1 changed file with 346 additions and 0 deletions.
346 changes: 346 additions & 0 deletions orientation.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,346 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
<link href="https://fonts.googleapis.co//css?family=Open+Sans:300,300i,400,400i" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/HELLOWORL.css">
</head>



<body>

<div class="header">
<div class="container">
Talk to us: +1-212-729-6670 •
<a href="form-consulation.html">Request A Demo</a>
</div>
</div>

<!-- Navigation -->
<div class="navigation-orientation">
<div class="container my-container orientation-container">
<a href="index.html"> <img class="img-show" src="https://cdn.involvio.com/assets/marketing/logo-d284b2686a426ba100e0ef0f6b2c72f2.svg"></a>
<div class="navigation-hide">
<div class="nav-parent">
<div class="nav-child">
<a href="index.html"> <img src="https://cdn.involvio.com/assets/marketing/logo-d284b2686a426ba100e0ef0f6b2c72f2.svg"></a>
<li> <a class="dropdown-toggle" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#CampusSolutions">Campus Solutions
<span class="oi oi-caret-bottom"></span>
<div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="orientation.html">Orientation App</a>
<a class="dropdown-item" href="schoolyear.html">School Year App</a>
<a class="dropdown-item" href="#">Attendance Tracking</a>
<a class="dropdown-item" href="#">Admin Tools</a>
</div>


</a></li>

<li><a href="#Blog">Blog</a></li>
<li><a href="#ContactUs">Contact Us</a></li>
</div>

<div class="second-nav-child">
<li><a href="#Login">Login
<span class="oi oi-person"></span>
</a></li>
<a class="btn btn-custom" href="form-consulation.html">Request A Demo</a>

</div>
</div>
</div>
</div>
</div>
<!-- Closing Navigation -->

<!-- Jumbotron -->
<div class="jumbotron jumbotron-fluid">
<div class="container">
<h1>Give your students the warm welcome they expect</h1>
</div>
</div>
<!-- /Jumbotron -->

<div class="intro-orienatation">
<div class="container">
<h1>Starting out strong should be simple</h1>
<p>Involvio makes building and managing your orientation app easy. It increases your team’s efficiency, saves you money, and helps you better communicate with your students.</p>
<div class="col-12">
<img class="small-devices img-fluid" src="https://cdn.involvio.com/assets/marketing/ill-hello-f9f6b4e75bebdda56092da232b1d8744.svg">
<img class="img-fluid large-devices" src="https://cdn.involvio.com/assets/marketing/ill-hello-full-db55d69dbb36e5a9e7841c103c6602da.svg">
</div>
</div>
</div>

<section class="guides-Tracks">
<div class="container ">
<div class="first-column col-sm-6 col-md-6 ">
<div class="inner-column col-12">
<span>
<h1>Guides & Tracks</h1>
</span>

<p>Orientation is the gateway to campus, and also to Involivo. Students choose their orientation sessions, their track, and in under 30 seconds, their smartphone becomes a tool that helps them navigate their new environment.</p>
</div>
</div>
<div class="second-column col-sm-5 col-sm-6 col-lg-5 ">
<div class="first-phone">
<img class="img-fluid phone" src="https://cdn.involvio.com/assets/marketing/[email protected]">
</div>
</div>
</div>
</section>

<section class="agenda-Directions">
<div class="container">
<div class="row">
<div class="column1 col-sm-12 col-md-6">
<img class=" phone" src="https://cdn.involvio.com/assets/marketing/orientation-agenda-grey-9c85471eae1e0f918ad24a339e87bb1a.png">
</div>
<div class="column2 col-sm-6 col-md-6 col-lg-6">
<div class="column-contain ">
<div class="header-container">
<h1>Agenda & Directions</h1>
<div class="icon-calendar">
<img class="calendar " src="https://cdn.involvio.com/assets/marketing/icon-agenda-7632b18137384022b9179b01328d6953.svg">
</div>
</div>
<p>Involvio knows the ins and outs of your students orientation schedules then seamlessly offers directions from event to event. It even reminds them where they need to be and when.</p>
<!-- <div class="icon-calendar">
<img class="calendar " src="https://cdn.involvio.com/assets/marketing/icon-orientation-806a78b8e6c245aaa7d7424281f7f439.svg">
</div> -->
</div>
</div>


</div>
</div> <!-- Closing of Container -->
</section>

<section class="communication-Resources">
<div class="container">
<div class="row">
<div class="four-column col-12 col-md-6 ">
<div class="column-contain col-12 mt-5">
<div class="header-title">
<h1> <span class="calendar-contain"><img class="calendar" src="https://cdn.involvio.com/assets/marketing/icon-events-ffeccb910ae7a4d5a3e36b50fbf22221.svg"></span>
Communication & Resources</h1>
</div>
<p>Last minute change? Important message that needs immediate attention? Content that students need to access 24/7? Involvio handles it all in exactly the way the students expect.</p>
</div>



</div>

<div class="five-column col-12 col-sm-8 mx-auto col-md-5">
<div class="phone-contains">
<img class=" second-phone" src="https://cdn.involvio.com/assets/marketing/[email protected]">
</div>
</div>
</div>
</div> <!-- Closing the Contatiner -->
</section>

<section class="orientation-suite">
<div class="container">
<h1>The complete orientation suite</h1>
<p>Bring order and efficiency to the craziness of orientation while delivering the mobile experience students expect</p>


<!-- Icons -->
<div class="row">
<div class="col-xs-6 col-sm-6 col-md-6 col-lg-3 ">
<div class="icon-contain">
<img class="mb-3" src="https://cdn.involvio.com/assets/marketing/ill-engage-students-5a5654561c4f56b9a37412c71f19c680.svg">
<div class="text-contain col-xs-6 col-sm-9 col-lg-12">
<h4>Engagement Tools</h4>
<p>Get a robust orientaiton command center</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3 ">
<div class="icon-contain">
<img class="mb-3" src="https://cdn.involvio.com/assets/marketing/ill-reduce-costs-1d062bb228192002639bbe779a628b11.svg">
<div class="text-contain col-sm-9 col-lg-12">
<h4>Reduce your printing costs</h4>
<p>Eliminate those paper booklets and go mobile</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3" >
<div class="icon-contain">
<img class="mb-3" src="https://cdn.involvio.com/assets/marketing/ill-update-schedules-6f6c96db7055ab6acb3220f6731c82d0.svg">
<div class="text-contain col-sm-10 col-lg-12">
<h4>Update schudeles</h4>
<p>Automatically publish last minute changes it in real-time</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3">
<div class="icon-contain">
<img class="mb-3" src="https://cdn.involvio.com/assets/marketing/ill-get-feedback-7ee38892756ef61c90037a9eede7151b.svg">
<div class="text-contain col-sm-10 col-lg-12">
<h4>Get feedback</h4>
<p>Leverage built-in attendance tracking and surveys</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3 ">
<div class="icon-contain">
<img class="mb-4" src="https://cdn.involvio.com/assets/marketing/ill-custom-experience-ea104e76feb82e5200f68f4549383e28.svg">
<div class="text-contain col-sm-10 col-lg-12">
<h4>Customize the experience</h4>
<p>Make the app match your program and brand</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md-6 col-lg-3 ">
<div class="icon-contain">
<img class="mb-4" src="https://cdn.involvio.com/assets/marketing/ill-deliver-resources-94510638468525f96f9016d9ef53481d.svg">
<div class="text-contain col-sm-9 col-lg-12">
<h4>Deliver Resources</h4>
<p>Put everything students need to access in one place</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3">
<div class="icon-contain">
<img class="mb-4" src="https://cdn.involvio.com/assets/marketing/ill-campus-map-b8d1a2527b47b7c07a7a518da97406b2.svg">
<div class="text-contain col-sm-11 col-lg-12">
<h4>Show them around campus</h4>
<p>Put an interactive map in your student's hands</p>
</div>
</div>
</div>

<div class="col-xs-6 col-sm-6 col-md- 6 col-lg-3 ">
<div class="icon-contain">
<img class="mb-4" src="https://cdn.involvio.com/assets/marketing/ill-build-with-colleageus-090c2a0c9fb0deb89d49231ad11c2810.svg">
<div class="text-contain col-sm-10">
<h4>Build with colleagues</h4>
<p>Share permission-based access with your entire team</p>
</div>
</div>
</div>

</div>
</div>

</section>


<section class="sixth-section">
<div class="container">
<div class="row">

<div class=" main-sixth-column col-12 ">
<img class="three-faces" src="https://cdn.involvio.com/assets/marketing/img-headshots-f3e3e48a262e0595358e6c79a730359c.png">
<div class="text-sixth col-12 ">
<h1>Request a Demo</h1>
<p class="">We'd love to talk! Our experience team can help you explore
the benefits of running orientation on Involvio.</p>
</div>

<a class="btn btn-outline-success custom-btn" href="#">Schedule</a>
</div>

<div class=" laptop-column col-12 col-sm-5">
<div class="laptop-contain">
<img class="laptop col-11" src="https://cdn.involvio.com/assets/marketing/ill-tools-af214a8879fa31976b31100f4f9b9237.svg">
</div>
<h1 >Explore School Year App</h1>
<p class="p-space">Involvio lets you build on the work you do during orientation by passing the baton to
the colleagues throughout the year</p>
<a class="btn btn-outline-success custom-btn" href="#">Learn More</a>
</div>

</div> <!-- Closing of row -->
</div>
</section>

<section class="seventh-section">
<div class="container">
<h1 class="h1-custom">See how we stack up</h1>
<p class="p-custom">We know that choosing a platform is a process that deserves care and attention to detail.
We've done the homework to help</p>
<div class="outer-box">
<div class="inner-box">
<div class="inner-wrap">
<h1 class="">Get our comparison</h1>
<!-- Form Starts -->
<form class="orientation-form">
<div class="row">
<div class="form-group col-sm-5 offset-sm-1">
<label type="text" class="">First Name</label>
<input class="form-control">
</div>

<div class="form-group col-sm-5">
<label type="text" class="">Last Name</label>
<input class="form-control">
</div>

<div class="form-group col-sm-5 offset-sm-1">
<label type="Email" class="">Email</label>
<input class="form-control">
</div>

<div class="form-group col-sm-5">
<label type="text" class="">School/Organization</label>
<input class="form-control">
<span class="oi oi-magnifying-glass"></span>
</div>

<div class="form-group col-sm-10 offset-sm-1">
<label>What platforms are you considering?</label>
<input class="form-control mb-4">
</div>


<a class="btn inner-btn btn-success" href="#submit">Submit</a>

</div>

</div>

</form>


</div> <!-- Closing Inner Box -->
</div>
</div>
</section>









<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/main2.js"></script>


</body>
</html>

0 comments on commit 9542fcf

Please sign in to comment.