Seven Canyons

Developer
Kevin
Size
5,245 Kb
Views
28,336
  1. Seven Canyons Previews
  2. Seven Canyons HTML Codes
  3. Seven Canyons CSS Codes
  4. Seven Canyons JS Codes

How do I make an seven canyons?

What is a seven canyons? How do you make a seven canyons? This script and codes were developed by Kevin on 28 September 2022, Wednesday.

Seven Canyons Previews
IQ Test

Seven Canyons - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Seven Canyons</title> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <ul class="scroll-menu"> <li><a href="#up">&uarr;</a></li> <li><a href="#down">&darr;</a></li>
</ul>
<div class="curtains"> <li class="section s1 cover"> <nav class="navigation"> <div class="row"> <div class="logo"> <img src="https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/logo.png" alt="Seven Canyons logo"> </div> <ul class="menu"> <li class="menu-item"> <a href="#" class="btn">View Jobs</a> </li> </ul> </div> </nav> <div class="row header"> <h1 class="h1"> <span>Drive your new career</span> <span>at Seven Canyons</span> </h1> <p class="subheadline">The greener side of Red Rock Country</p> </div> </li> <li class="section s2 cover"> <div class="left"> <div class="row"> <p>Seven Canyons is an invitation-only golf resort located within the striking visual landscape of Boynton Canyon in Sedona. We provide members and guests with access to our championship golf course and remarkable clubhouse, which includes a golf shop, members’ lounge, fitness facility and swimming pool, private event lawn and restaurant. You will work exclusively with our members and guests of Enchantment Resort and Mii amo Spa, providing unpretentious service in an unbeatable setting.</p>
<p>With many jobs available, Seven Canyons is an ideal work environment for those passionate about upbeat hospitality and making the most of Sedona’s abundant outdoor activities. We invite you to join us today and make a new career connection.</p> <a href="" class="btn btn--full">View Jobs</a> </div> </div> </li> <li class="section s3 cover"> <video autoplay="autoplay" loop="loop"> <source src="https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/bg__vid.webm"> </video> <div class="video-overlay"></div> <div class="row"> <h2 class="h2"> Delivering the Professional Touch</h2> <p>Our employees are outgoing, active and committed to delivering world-class service to members, guests and one another. We offer traditional benefits, employee discounts at all our locations and professional development. As part of the Enchantment Group portfolio, you will have opportunities to cross-train in other areas to refine your skills and explore new career paths. We tackle challenges as a team and work together to create outstanding experiences for visitors to our property. Fresh, refined service is our specialty and we’re always working on improving our game.</p> <a class="video-modal-trigger js-tiggerModal"><span class="fa fa-play"></span> Play Video</span></a> </div> </li> <li class="section s4 cover"> <div class="right"> <div class="row"> <h2 class="h2">A Course Worthy of Champions</h2> <p>Seven Canyons is an invitation-only golf resort located within the striking visual landscape of Boynton Canyon in Sedona. We provide members and guests with access to our championship golf course and remarkable clubhouse, which includes a golf shop, members’ lounge, fitness facility and swimming pool, private event lawn and restaurant. You will work exclusively with our members and guests of Enchantment Resort and Mii amo Spa, providing unpretentious service in an unbeatable setting.</p>
<p>With many jobs available, Seven Canyons is an ideal work environment for those passionate about upbeat hospitality and making the most of Sedona’s abundant outdoor activities. We invite you to join us today and make a new career connection.</p> <a href="" class="btn btn--full">View Jobs</a> </div> </div> </li> <li class="section s5 cover">WHATEVER</li>
</div> <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src='https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/js-fullpage/jquery.fullPage.min.js'></script>
<script src='https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/curtain.js'></script> <script src="js/index.js"></script>
</body>
</html>

Seven Canyons - Script Codes CSS Codes

@import url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/curtain.css");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700i|Quattrocento+Sans:400,700");
html,
body { padding: 0; margin: 0;
}
body { font-family: 'Quattrocento Sans', sans-serif; color: #4b4b4b; line-height: 1.5;
}
video { min-width: 100%; min-height: 100%; position: absolute; top: 0; left: 0;
}
.video-overlay { background: #000; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: .25;
}
.curtains > li { display: table;
}
.curtains > li > .row { display: table-cell; vertical-align: middle;
}
.curtains > li > .row.header { width: 100%;
}
.h1,
.h2 { font-family: 'Playfair Display', serif;
}
.h1 span { display: block;
}
.h1 span:first-child { font-weight: 400; font-size: 48px;
}
.h1 span:last-child { font-weight: 700; font-style: italic; font-size: 72px; margin: -37.5px 0;
}
.h1,
.subheadline { color: #fff; text-align: center;
}
.subheadline { text-transform: uppercase; font-size: 27.5px; letter-spacing: 1px; margin-top: 25px;
}
.h2 { font-size: 48px; font-weight: 400;
}
.scroll-menu { position: fixed; font-size: 2em; top: calc(50% - 75px); right: 25px; z-index: 9999; list-style: none;
}
.scroll-menu a { color: #fff; text-decoration: none; transition: .1s ease; display: inline-block;
}
.scroll-menu a:hover { transform: scale(1.25);
}
.navigation { position: absolute; top: 0; width: 100%;
}
.logo { display: inline-block;
}
.menu { float: right; padding: 0; margin: 50px 0 0; list-style: none;
}
.btn { color: #fff; border: 1px solid #fff; padding: 1em 2em; text-decoration: none; text-transform: uppercase; transition: .2s ease;
}
.btn--full { background: #588867; border: none;
}
.btn--full:hover { color: #fff; background: #588867; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.25);
}
.s1 { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/bg__s1.jpg") center no-repeat; background-size: cover;
}
.s2 { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/bg__s2.jpg") center no-repeat; background-size: cover;
}
.s2 .left,
.s4 .right { background: rgba(255, 255, 255, 0.8); width: 40%; min-width: 550px; height: 100vh; position: absolute; top: 0; padding: 1em; box-sizing: border-box; display: table;
}
.s3 .h2,
.s3 p,
.s3 a { position: relative; z-index: 2; color: #fff;
}
.s3 p { width: 75vw;
}
.s3 a { font-weight: 700; text-transform: uppercase; text-decoration: none; cursor: pointer; margin-top: 50px; display: inline-block;
}
.s3 a span { margin-right: 8px; transition: .1s ease;
}
.s3 a:hover span { transform: scale(1.5);
}
.s4 { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/seven-canyons/bg__s4.jpg") center no-repeat; background-size: cover;
}
.s4 .right { right: 0;
}
.s2 .left .row,
.s4 .right .row { display: table-cell; vertical-align: middle; padding: 0 2em;
}
.s2 .left .btn,
.s4 .right .btn { margin-top: 25px; display: inline-block;
}
.s4 .right .h2 { width: 400px; margin: 0; line-height: 1.1;
}
/* Layout */
.row { width: 90%; max-width: 1440px; margin-right: auto; margin-left: auto;
}
.row:after { content: ""; display: table; clear: both;
}
/* Fullpage overides */
#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #fff;
}

Seven Canyons - Script Codes JS Codes

$('.curtains').curtain({ controls: '.scroll-menu'
});
Seven Canyons - Script Codes
Seven Canyons - Script Codes
Home Page Home
Developer Kevin
Username kevinkenger
Uploaded September 28, 2022
Rating 3
Size 5,245 Kb
Views 28,336
Do you need developer help for Seven Canyons?

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 (kevinkenger) Script Codes
Name
OneAZ
Auto-Chlor
Carpenter
CTCA Video Example
City of Kent
A Pen by Kevin
Christian Living Communities
Beech
Create amazing art & images 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!