BenU - Campus Life Experience

Developer
Size
7,137 Kb
Views
30,360

How do I make an benu - campus life experience?

Campus Life Experience page. Playing with skewed/slanted layouts with background images/colors. What is a benu - campus life experience? How do you make a benu - campus life experience? This script and codes were developed by Kevin Sherman on 06 September 2022, Tuesday.

BenU - Campus Life Experience Previews

BenU - Campus Life Experience - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>BenU - Campus Life Experience</title> <link rel='stylesheet prefetch' href='https://www.ben.edu/style/foundation-grid.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="campus-life-experience">	<!-- This is Benedictine University -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns this-is-benu illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns this-is-benu content" data-equalizer-watch>	<h3>This is Benedictine University</h3>	<p>Jog along a tree-lined walkway. Relax on a bench and watch the sun set over Lake St. Benedict. Enjoy a few minutes between classes in the Krasa Student Center. Cheer for NCAA tournament qualifying baseball and softball teams in the award-winning Village of Lisle-Benedictine University Sports Complex. Work out in the spacious million-dollar Rice Center fitness facility. Peer inside the creative minds of artists, sculptors and painters at the Fr. Michael E. Komechak, O.S.B., Art Gallery or marvel at the more than 50,000 specimens and fossils ranging from a whale skeleton to tiny aphid inside the Jurica-Suchy Nature Museum. Spend a peaceful evening studying or get creative and write on the wall of the library. Enjoy a Frappuccino® at the Starbucks Café in Goodwin Hall. Unwind at the BenUnion with a game of pool, foosball, air hockey or pingpong, or join a few friends and watch sports on the big screen TVs inside the Coal Ben eatery.</p>	</div>	</div>	<!-- Did Someone Say Fun -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns say-fun illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns say-fun content" data-equalizer-watch>	<h3>Did Somebody Say "Fun"?</h3>	<h3 class="subheader">There's always something happening at Benedictine University.</h3>	<p>Things like kicking off the school year with a concert by country stars <strong>Easton Corbin</strong> and <strong>Jerrod Niemann</strong>. Student activities like <strong>Welcome Weekend</strong>, Spread the Red and Founders' Fest. Whiteouts at men's and women's basketball games. <strong>Homecoming</strong>. Quad Day. Mardi Gras. Casino Night. Spring Formal. </p>	<p>Programming Board and Student Activities sponsor a number of events for students off campus, too. They offer special discounts on tickets to sporting and cultural events throughout the Chicago metropolitan area, like the <strong>“Second City”</strong> comedy club, Broadway Playhouse at Water Tower Place, <strong>Bulls</strong> and <strong>Blackhawks</strong> games, lakefront cruises and local movie theaters. </p>	<p>Then on the more serious side, there are presentations on campus by political giants like former Republican National Committee chairman <strong>Michael Steele</strong> and Democratic consultant <strong>David Axelrod</strong>, former U.S. Attorney General <strong>Alberto R. Gonzales</strong>, author <strong>Michelle Alexander</strong> and former presidential economic adviser <strong>Austan Goolsbee</strong>. </p>	<p>Your college experience should not be limited to the four walls of a classroom or the networking capability of a computer.</p>	</div>	</div>	<!-- Here To Help -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns here-to-help illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns here-to-help content" data-equalizer-watch>	<h3>We're here to help</h3>	<h3 class="subheader">Benedictine University students are serious about their studies.</h3>	<p>We are, too. That's why we provide the tools students need to develop their mind, body and spirit. The <strong>Student Success Center</strong> is dedicated to ensuring that our students succeed academically. The <strong>Career Development Center</strong> will help you prepare for life after college (because it's never too early to think ahead). The <strong>Benedictine Library</strong> provides access – online and off the shelf – to the greatest thinkers past and present. Want to give back to somebody in need or just need a spiritual boost? Visit <strong>Campus Ministry</strong>. Need a flu shot or some TLC? Try <strong>Student Health Services</strong>.</p>	<p>Maybe you just need some downtime from studying. Why not live out a pro golf fantasy at the indoor golf center? Or how about a workout in our 11,000-square-foot fitness facility in the <strong>Dan and Ada Rice Center</strong>? Twenty minutes on a treadmill and a circuit or two can relieve stress and refresh your mind. How about joining a group fitness class or organizing an intramural basketball team? You don't have to be an all-star to participate. Just a willingness to have fun and meet people.</p>	</div>	</div>	<!-- Living On Campus -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns living-on-campus illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns living-on-campus content" data-equalizer-watch>	<h3>Furniture, fresh food and Founders'</h3>	<p>Whether your taste buds crave an egg on bagel sandwich or a pizza topped with spinach, our meal plans take the planning out of dining.</p>	<p>The <strong>Krasa Center Dining Room</strong> is open for lunch and dinner. You can choose from sizzling specialties of the day or an all-you-caneat helping of your favorite cultural fare. Dining Services works with Benedictine's dietetic interns to create special offerings throughout the semester, including low-fat, low-sodium taco salads, an apple festival, chili and soup bars, and more.</p>	<p>The <strong>Coal Ben</strong> eatery offers breakfast, sandwiches, pizza, burgers and premium fruit smoothies with multivitamins, protein or energy additive options for your palatal pleasure while you are surrounded by plasma TVs, Wi-Fi and entertainment. Or for a quick bite between classes, the <strong>Kindlon Hall</strong> Coffee Shop has light snacks to go and the <strong>Starbucks café</strong> in <strong>Goodwin Hall</strong> has all your favorite frozen coffees. Visit ben.edu/dining for more information.</p>	<p>Student housing options include Ondrak for the men and Jaeger for the women – or as an upperclassman, enjoy suite-style living at <strong>Neuzil Hall</strong> or apartment-style living at <strong>Founders' Woods</strong>. Check out the floor plans at ben.edu/reshalls.</p>	</div>	</div>	<!-- Safe Campus -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns safe-campus illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns safe-campus content" data-equalizer-watch>	<h3>Our dogs don't bite...much</h3>	<p>Who is the most popular non-student on campus?<br>Hint: Her name is Sophie.</p>	<p>Sophie is a member of the Benedictine Police Department. She is a golden retriever whose role includes detecting illegal drugs and providing a safe environment for students, staff and faculty. But she also is there to provide friendship and a smiling face when you are having a tough day (OK, so she drools … a little).</p>	<p>Your safety is always our biggest concern. That is why the campus is well-lit and maintained; access to residence halls is controlled by card readers; high-resolution color cameras monitor sensitive campus areas; our officers are members of the first accredited private university law enforcement agency in Illinois and patrol campus 24/7; an emergency response team has been established; and the BenAlert System was installed to warn students, their families, staff and faculty, should the need arise, about dangers on campus. </p>	<p>Benedictine University is one the safest four-year schools in Illinois (according to data required by the U.S. Department of Education). We’re working hard to keep it that way.</p>	</div>	</div>	<!-- Academic Clubs -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns academic-clubs illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns academic-clubs content" data-equalizer-watch>	<h3><img src="https://www.ben.edu/campus-life-experience/images/equation.png" width="280px"></h3>	<h3 class="subheader">Don’t know what it means?</h3>	<p>You can find out by joining the Math Club, one of more than <strong>40 clubs and student organizations</strong> at Benedictine University that teach leadership skills, provide service opportunities, and even offer a few answers to this and other questions you might have.</p>	<p>There is the American Chemical Society/Society of Physics, the Knights of Columbus and Everybody Matters. There is also the Investment Club, the Hindu Student Association, the Muslim Student Association, the Sci-Fi Fantasy Club, the Photography Club, Theater Club and Best Buddies.</p>	<p>And buddies are what you will make for life when you participate in a <strong>mission trip</strong> to Bolivia, package food for the hungry during Welcome Weekend or go green with SEEDs (Students for Ecological and Environmental Development).</p>	<p>There is something for everyone at Benedictine.</p>	<p>Find your something at ben.edu/studentactivities.</p>	</div>	</div>	<!-- Become A student -->	<div class="row" data-equalizer>	<div class="small-12 medium-6 columns admissions illustration" data-equalizer-watch>	</div>	<div class="small-12 medium-6 columns admissions content" data-equalizer-watch>	<h3>Become A Student!</h3>	<h3 class="subheader">Discover Your Potential.</h3>	<a href="button">Admissions information for High School Students</a>	<a href="button">Admissions information for Transfer Students</a>	</div>	</div>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.3/js/foundation.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

BenU - Campus Life Experience - Script Codes CSS Codes

.campus-life-experience .illustration { min-height: 380px; background-size: cover; background-repeat: none;
}
.campus-life-experience .content { padding: 3rem; position: relative;
}
.campus-life-experience .content h3 { text-align: center; text-transform: uppercase;
}
.campus-life-experience .content h3.subheader { text-transform: none;
}
.campus-life-experience .content:after { position: absolute; content: ''; bottom: -35px; left: 60px; width: 0; height: 0; border-left: 130px solid transparent; border-right: 130px solid transparent; z-index: 1;
}
.campus-life-experience .this-is-benu.illustration { background-position: center center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-ThisIsBenedictine.jpg");
}
.campus-life-experience .this-is-benu.content { background-color: #3498DB; /*lightblue color*/ color: white; /*white color*/
}
.campus-life-experience .this-is-benu.content h3 { color: white; /*white color*/
}
.campus-life-experience .this-is-benu.content h3.subheader { color: #F39C12; /*orange color*/
}
.campus-life-experience .this-is-benu.content strong { color: #F39C12;
}
.campus-life-experience .this-is-benu.content:after { border-top: 35px solid #3498DB; /*lightblue color*/
}
.campus-life-experience .say-fun.illustration { background-position: center center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-DidSomeoneSayFun.jpg");
}
.campus-life-experience .say-fun.content { background-color: #F1C40F; /*yellow color*/ color: #222; /*default color*/
}
.campus-life-experience .say-fun.content h3.subheader { color: #003767; /*darblue color*/
}
.campus-life-experience .say-fun.content strong { color: #003767; /*darblue color*/
}
.campus-life-experience .say-fun.content:after { border-top: 35px solid #F1C40F; /*yellow color*/
}
.campus-life-experience .here-to-help.illustration { background-position: center center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-HereToHelp.jpg");
}
.campus-life-experience .here-to-help.content { background-color: #7d0047; /*magenta color*/ color: white;
}
.campus-life-experience .here-to-help.content h3.subheader { color: #F39C12;
}
.campus-life-experience .here-to-help.content strong { color: #F39C12;
}
.campus-life-experience .here-to-help.content:after { border-top: 35px solid #7d0047; /*magenta color*/
}
.campus-life-experience .living-on-campus.illustration { background-position: left center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-LivingOnCampus.jpg");
}
.campus-life-experience .living-on-campus.content { background-color: #F39C12; /*orange color*/ color: #222;
}
.campus-life-experience .living-on-campus.content h3.subheader { color: #F39C12;
}
.campus-life-experience .living-on-campus.content strong { color: #006325; /* darkgreen color */
}
.campus-life-experience .living-on-campus.content:after { border-top: 35px solid #F39C12; /*orange color*/
}
.campus-life-experience .safe-campus.illustration { background-position: center center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-SafeCampus.jpg");
}
.campus-life-experience .safe-campus.content { background-color: #006325; /* darkgreen color */ color: white;
}
.campus-life-experience .safe-campus.content h3.subheader { color: #F39C12;
}
.campus-life-experience .safe-campus.content:after { border-top: 35px solid #006325; /* darkgreen color */
}
.campus-life-experience .safe-campus.content strong { color: #F39C12;
}
.campus-life-experience .academic-clubs.illustration { background-position: center center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-AcademicClubs.jpg");
}
.campus-life-experience .academic-clubs.content { background-color: #7d0047; /*magenta color*/ color: white;
}
.campus-life-experience .academic-clubs.content h3.subheader { color: #F39C12;
}
.campus-life-experience .academic-clubs.content strong { color: #F39C12;
}
.campus-life-experience .academic-clubs.content:after { border-top: 35px solid #7d0047; /*magenta color*/
}
.campus-life-experience .admissions.illustration { background-position: top center; background-image: url("https://www.ben.edu/campus-life-experience/images/LifeonCampus-Admissions.jpg");
}
.campus-life-experience .admissions.content { background-color: #cc3333; /*red color*/ color: white;
}
.campus-life-experience .admissions.content h3.subheader { color: #F39C12;
}
.campus-life-experience .admissions.content strong { color: #F39C12;
}

BenU - Campus Life Experience - Script Codes JS Codes

$(document).foundation();
BenU - Campus Life Experience - Script Codes
BenU - Campus Life Experience - Script Codes
Home Page Home
Developer Kevin Sherman
Username ksherman
Uploaded September 06, 2022
Rating 3
Size 7,137 Kb
Views 30,360
Do you need developer help for BenU - Campus Life Experience?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Kevin Sherman (ksherman) Script Codes
Create amazing captions with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!