OneAZ

Developer
Kevin
Size
5,029 Kb
Views
22,264
  1. OneAZ Previews
  2. OneAZ HTML Codes
  3. OneAZ CSS Codes

How do I make an oneaz?

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

OneAZ Previews
IQ Test

OneAZ - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>OneAZ</title> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Lato:400,300' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Domine:400,700' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav> <div class="inner-container"> <div class="logo"> <span class="srt">OneAZ</span> </div> <ul class="navigation"> <li><a href="">About Us</a></li> <li><a href="">Our Culture</a></li> <li><a href="">Benefits</a></li> <li><a href="">Careers</a></li> </ul> </div>
</nav>
<nav class="fixed"> <div class="inner-container"> <div class="logo"> <span class="srt">OneAZ</span> </div> <ul class="navigation"> <li><a href="">About Us</a></li> <li><a href="">Our Culture</a></li> <li><a href="">Benefits</a></li> <li><a href="">Careers</a></li> </ul> </div>
</nav>
<header> <div class="inner-container"> <h1>Bank on us<br>for an exciting new career.</h1> <button>View All Jobs</button> </div>
</header>
<div class="intro wrapper"> <div class="left col-2"></div> <div class="right col-2"> <p>OneAZ Credit Union is a local financial cooperative committed to meeting members' needs with enhanced services and community outreach programs. With $1.7 billion in assets and more than 133,000 members, the Credit Union supports Arizona communities with a full line of financial products and services available online and at 21 statewide locations.</p> <p>We are dedicated to embracing each Team Member’s career goals. We are strongly focused on the growth and development of our organization through our people.</p> </div>
</div>
<div class="mission wrapper"> <div class="col-3 left "> <h3>Our Mission</h3> <p>We exist to improve the lives of our members, our associates and the communities we serve.</p> </div> <div class="col-3 middle "> <h3>Our Identity</h3> <p>We are a not-for-profit financial cooperative organized to serve our member-owners.</p> </div> <div class="col-3 right "> <h3>Our Commitment</h3> <p>To offer our member-owners opportunities to achieve economic independence, to enhance their standards of living and quality of life, with emphasis on personal relationships, wherever they reside.</p> </div>
</div>
<div class="cta wrapper"> <div class="col-1"> <button>View All Jobs</button> </div>
</div>
<div class="benefits wrapper"> <h2>Benefits</h2> <div class="inner-container"> <div class="col-3 left "> <h3>Employee Benefits</h3> <p>Explore the options within our benefit programs to customize your health package. We offer a wide array of programs from low cost health plans to generous PTO to robust wellness programs including fitness reimbursements. Join our team and let’s experience life together!</p> </div> <div class="col-3 middle "> <h3>Growth Opportunities</h3> <p>We want you to learn, develop and feel challenged daily. We want you to succeed and develop within our organization. Which is why we put so much emphasis on training and development. If you have the will, we will find a way.</p> </div> <div class="col-3 right "> <h3>Competitive Salaries</h3> <p>We highly value the most important part of our business, you! Without you, we wouldn’t have the commitment of our dedicated members. We appreciate our employees and want to ensure they’re fulfilled, and one of the ways we do that is by offering great competitive salaries.</p> </div> </div>
</div>
<div class="values"> <h4>	We value our <span>communities</span></h4> <h4>	We are <span>transparent</span></h4> <h4>	We are <span>trustworthy</span></h4> <h4>	We <span>educate</span> members about what is best for them</h4> <h4>	We are <span>enjoyable</span> to do business with</h4> <h4><span>	We have members’ best interests at heart</span></h4>
</div>
<footer> <h3>Join Our Talent Community</h3> <p>Don't see a job for you? Join our Talent Community today to be considered for future roles.</p> <button>Join Now</button>
</footer>
</body>
</html>

OneAZ - Script Codes CSS Codes

html, body { margin: 0; padding: 0;
}
body { font-family: "Open Sans", sans-serif; font-size: 16px;
}
nav { width: 100%; background: transparent; color: #fff; height: 100px; position: absolute; padding-top: 15px;
}
nav.fixed { position: fixed; display: none;
}
.logo { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/logo.png") center no-repeat; background-size: contain; width: 70px; height: 50px; float: left;
}
.srt { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; clip: rect(0 0 0 0);
}
.navigation { list-style: none; float: right;
}
.navigation li { display: inline-block; margin: 0 15px;
}
.navigation li a { font-family: "Lato", sans-serif; font-weight: 100; text-transform: uppercase; color: #fff; text-decoration: none; padding-bottom: 0; border-bottom: 1px solid transparent; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease;
}
.navigation li a:hover { padding-bottom: 3px; border-color: #fff;
}
header { background: #f1f1f1; padding: 200px 0; color: #fff; background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-header.jpg") center no-repeat; background-size: cover;
}
header h1 { font-family: "Domine", sans-serif; letter-spacing: 2px; font-size: 40px; text-transform: uppercase; margin-bottom: 35px;
}
.wrapper { overflow: hidden;
}
.inner-container { width: 80%; max-width: 1100px; margin: 0 auto;
}
[class^="col-"] { text-align: center; padding: 1%; box-sizing: border-box;
}
.col-1 { width: 100%;
}
.col-2 { width: 50%;
}
.col-3 { width: 33.333%;
}
.left { float: left;
}
.right { float: right;
}
.middle { margin: 0 auto; float: left;
}
button { background: transparent; border: 1px solid #fff; color: #fff; padding: 10px 15px; font-size: 1.1em; text-transform: uppercase;
}
.intro { height: 300px;
}
.intro .right { padding: 35px;
}
.mission > div { height: 325px; color: #fff;
}
.mission h3 { font-family: "Domine", sans-serif; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 10px;
}
.mission > div p { margin-top: 50px; padding: 0 5%;
}
.mission .left { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-mission.jpg") center no-repeat; background-size: cover;
}
.mission .middle { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-identity.jpg") center no-repeat; background-size: cover;
}
.mission .right { background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-commitment.jpg") center no-repeat; background-size: cover;
}
.cta { padding: 135px 0; background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-cta.jpg") center no-repeat; background-size: cover;
}
.benefits { margin-top: 50px;
}
.benefits h2 { font-family: "Domine", sans-serif; color: #1A2F59; text-align: center;
}
.benefits .col-3 { width: 30%; font-size: 14px;
}
.benefits .middle { margin-left: 5%;
}
.benefits h3 { font-family: "Domine", sans-serif; color: #444; padding-bottom: 10px; border-bottom: 1px solid #444;
}
.benefits h3:before { display: block;
}
.benefits .left h3:before { content: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/icon-benefits.png");
}
.benefits .middle h3:before { content: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/icon-growth.png");
}
.benefits .right h3:before { content: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/icon-salaries.png");
}
.values { padding: 50px 20% 50px; margin-top: 50px; background: url("https://com.jobing.static.s3.amazonaws.com/company/sites/kevdev/oneaz/bg-values.jpg") center no-repeat; background-size: cover;
}
.values h4 { font-weight: 600; color: #eee; font-size: 2em;
}
.values h4 span { font-family: "Domine", sans-serif; color: #fff;
}
footer { height: 500px;
}
OneAZ - Script Codes
OneAZ - Script Codes
Home Page Home
Developer Kevin
Username kevinkenger
Uploaded September 28, 2022
Rating 3
Size 5,029 Kb
Views 22,264
Do you need developer help for OneAZ?

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
Christian Living Communities
Seven Canyons
Beech
CTCA Video Example
City of Kent
A Pen by Kevin
Carpenter
Auto-Chlor
Create amazing blog posts 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!