Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Charles Sturt University</title>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link rel="shortcut icon" href="https://www.google.com/s2/favicons?domain=https://www.csu.edu.au/" />
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
- integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
- <style>
- @font-face {
- font-family: "Basis Grotesque";
- src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.woff') format('woff'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.ttf') format('truetype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Regular.svg#Basis+Grotesque') format('svg');
- font-weight: normal;
- font-style: normal;
- }
- @font-face {
- font-family: "Basis Grotesque";
- src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Light.eot?#iefix') format('embedded-opentype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Light.woff') format('woff'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Light.ttf') format('truetype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Light.svg#Basis+Grotesque') format('svg');
- font-weight: 300;
- font-style: normal;
- }
- @font-face {
- font-family: "Basis Grotesque";
- src: url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.eot?#iefix') format('embedded-opentype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.woff') format('woff'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.ttf') format('truetype'),
- url('https://d2qakxn0oh6mu0.cloudfront.net/assets/fonts/BasisGrotesque/BasisGrotesque-Medium.svg#Basis+Grotesque') format('svg');
- font-weight: 500;
- font-style: normal;
- }
- body {background:#fff;}
- .head{
- padding: 34px 0;
- }
- .phone-container {
- float: right;
- display: flex;
- align-items: center;
- top: 23px;
- position: relative;
- cursor: pointer;
- }
- p.phone-number,
- a.phone-link{
- color: #F0572A;
- font-family: "Basis Grotesque";
- font-size: 22px;
- line-height: 1.2;
- font-weight: normal;
- display: inline-block;
- padding-left: 10px;
- position: relative;
- top: 0px;
- text-decoration: none;
- }
- .hero-section{
- background: #fff url(http://engage.csu.edu.au/rs/075-KSK-811/images/Group%206.png) no-repeat;
- background-position: center;
- background-size: cover;
- width: 100%;
- height: 608px;
- }
- .story-section h2 {
- color: #222222;
- font-family: "Basis Grotesque";
- font-size: 40px;
- line-height: 30px;
- text-align: center;
- margin-bottom: 23px;
- }
- .story-section.container {
- padding: 52px 0 29px;
- }
- .story-section p.sub-head{
- color: #222222;
- font-family: "Basis Grotesque";
- font-size: 23px;
- font-weight: 300;
- line-height: 32px;
- text-align: center;
- }
- .card {
- max-width: 361px;
- width: 100%;
- border: none;
- border-radius: 0;
- background-color: #FEFEFE;
- box-shadow: 0 7px 9px 1px rgba(199,184,172,0.25);
- // min-height: 514px;
- margin: 0 auto 40px;
- }
- h4.card-title {
- color: #222222;
- font-family: "Basis Grotesque";
- font-size: 28px;
- font-weight: 500;
- line-height: 21px;
- margin-bottom: 20px;
- }
- p.card-text {
- color: #222222;
- font-family: "Basis Grotesque";
- font-size: 16px;
- font-weight: 300;
- line-height: 23px;
- }
- .card-body {
- padding: 30px 30px;
- }
- .stories {
- margin-top: 33px;
- padding-bottom: 43px;
- }
- .share-you-story {
- text-align: center;
- width: 100%;
- }
- a.share-story-btn.btn.btn-primary {
- background-color: #F0572A;
- border: none;
- border-radius: 0;
- padding: 21px 95px;
- color: #FFFFFF;
- font-family: "Basis Grotesque";
- font-size: 20px;
- font-weight: 500;
- line-height: 21px;
- text-align: center;
- }
- .section-about{
- padding: 55px 0;
- background-color: #F8F6F2;
- width: 100%;
- }
- .container-blue{
- width: 100%;
- height: 421px;
- background: #222944 url(http://engage.csu.edu.au/rs/075-KSK-811/images/Group-23.png) no-repeat;
- background-size: cover;
- background-position: center;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .bluebox {
- height: 328px;
- width: 438px;
- background-color: #222944;
- text-align: center;
- padding: 0 30px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .bluebox h2 {
- color: #FFFFFF;
- font-family: "Basis Grotesque";
- font-size: 28px;
- font-weight: 500;
- line-height: 21px;
- text-align: center;
- margin-bottom: 17px;
- }
- .bluebox p {
- color: #FFFFFF;
- font-family: "Basis Grotesque";
- font-size: 16px;
- font-weight: 300;
- line-height: 23px;
- text-align: center;
- }
- .container-content{
- }
- .no-pads-col{
- padding: 0 !important;
- }
- .container-brown{
- width: 100%;
- height: 421px;
- background-color: #C7B8AC;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .brownbox {
- height: 328px;
- width: 438px;
- //background-color: #222944;
- text-align: center;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .brownbox h2 {
- color: #222222; font-family: "Basis Grotesque"; font-size: 28px; font-weight: 500; line-height: 21px; text-align: center;
- margin-bottom: 17px;
- }
- .brownbox p {
- color: #222222; font-family: "Basis Grotesque"; font-size: 16px; font-weight: 300; line-height: 23px; text-align: center;
- }
- .container-green{
- width: 100%;
- height: 421px;
- background-color: #0E3A32;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .greenbox {
- height: 328px;
- width: 438px;
- //background-color: #222944;
- text-align: center;
- padding: 0;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .greenbox h2 {
- color: #FFFFFF; font-family: "Basis Grotesque"; font-size: 28px; font-weight: 500; line-height: 21px; text-align: center;
- margin-bottom: 17px;
- }
- .greenbox p {
- color: #FFFFFF; font-family: "Basis Grotesque"; font-size: 15px; line-height: 23px; text-align: center;
- }
- .container-orange{
- width: 100%;
- height: 421px;
- background: #222944 url(http://engage.csu.edu.au/rs/075-KSK-811/images/Group-57.png) no-repeat;
- background-size: cover;
- background-position: center;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .orangebox {
- height: 328px;
- width: 438px;
- background-color: #F0572A;
- text-align: center;
- padding: 0 30px;
- display: flex;
- justify-content: center;
- align-items: center;
- }
- .orangebox h2 {
- color: #FFFFFF;
- font-family: "Basis Grotesque";
- font-size: 28px;
- font-weight: 500;
- line-height: 21px;
- text-align: center;
- margin-bottom: 17px;
- }
- .orangebox p {
- color: #FFFFFF;
- font-family: "Basis Grotesque";
- font-size: 16px;
- font-weight: 300;
- line-height: 23px;
- text-align: center;
- }
- /* Media Queries */
- @media screen and (max-width: 991px) {
- .hero-section {
- height: 398px;
- }
- h4.card-title {
- font-size: 20px;
- line-height: 1.2;
- }
- .bluebox,
- .brownbox,
- .greenbox,
- .orangebox {
- height: 328px;
- width: 328px;
- padding: 0px 20px;
- }
- .bluebox h2,
- .brownbox h2,
- .greenbox h2,
- .orangebox h2 {
- font-size: 22px;
- margin-bottom: 12px;
- }
- .bluebox p,
- .brownbox p,
- .greenbox p,
- .orangebox p {
- font-size: 14px;
- line-height: 1.5;
- }
- .container-blue,
- .container-brown,
- .container-green,
- .container-orange {
- height: 371px;
- }
- }
- @media screen and (max-width: 767px) {
- .phone-container {
- float: left;
- left: 50%;
- transform: translate(-50%);
- -webkit-transform: translate(-50%);
- -moz-transform: translate(-50%);
- -o-transform: translate(-50%);
- }
- .head {
- padding: 34px 20px;
- text-align: center;
- }
- img.logo-head {
- width: 170px;
- }
- p.phone-number {
- font-size: 18px;
- top: -2px;
- padding-left: 3px;
- }
- img.phone-icon {
- width: 27px;
- }
- .story-section h2 {
- font-size: 30px;
- line-height: 1.2;
- margin-bottom: 15px;
- }
- .story-section p.sub-head {
- font-size: 18px;
- line-height: 1.6;
- }
- .card-body {
- padding: 15px 20px;
- }
- h4.card-title {
- margin-bottom: 10px;
- }
- .card {
- margin: 20px auto;
- }
- .bluebox, .brownbox, .greenbox, .orangebox {
- height: 268px;
- width: 420px;
- padding: 0px 20px;
- }
- .container-blue, .container-brown, .container-green, .container-orange {
- height: 320px;
- }
- }
- </style>
- </head>
- <body>
- <!--${var1}-->
- <div class="">
- <!-- Content here -->
- <div class="head container">
- <div class="row">
- <div class="col-sm-12 col-md-6 logo" id="mkto-logo-editable" mktoName="Logo">
- <div class="mktoText" id="msdfsfkto-logo-editable" mktoName="Logo">
- <img src="http://engage.csu.edu.au/rs/075-KSK-811/images/LOGO.svg" class="logo-head">
- </div>
- </div>
- <div class="col-sm-12 col-md-6 phone" id="mkto-phone-editable" mktoName="Phone">
- <div class="mktoText phone-container" id="mrkt-phone-editable" mktoName="Phone">
- <a href="tel:(03)-9935-7977" class="phone-link"><img src="http://engage.csu.edu.au/rs/075-KSK-811/images/phone.svg" class="phone-icon">
- <p class="phone-number">(03) 9935 7977</p></a>
- </div>
- </div>
- </div>
- </div>
- <div class="hero-section">
- </div>
- <div class="story-section container">
- <h2>Create a world worth living in</h2>
- <p class="sub-head">Our story is built from the everyday stories of people like you. From the baby born in remote Australia to the research
- that’s bringing our rivers back to life. For 30 years Charles Sturt University has been empowering people with passion
- to create a world worth living in.</p>
- <div class="stories">
- <div class="row">
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Tammy's story</h4>
- <p class="card-text">Tammy O’Connor wants all Australian women, wherever they live, to get the midwifery care they
- deserve. Her initiatives
- are helping extend essential services into rural and remote communities in New South Wales.</p>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Jonathon’s story</h4>
- <p class="card-text">Jonathon Howard’s passion for our natural environment is contagious. From founding sustainability initiatives to
- educating our communities on water usage, he believes that if we work together we can achieve great things for the world
- (and little guys) around us.</p>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394 %281%29.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Courtney’s story</h4>
- <p class="card-text">Culturally safe learning environments for Indigenous children drives Courtney Glazebrook. She stands up for those who
- need her most. Lobbying government and promoting collaborative communities are all in a day’s work. And resting on her
- laurels in not an option.</p>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Hamish’s story</h4>
- <p class="card-text">It’s lucky we have people like Hamish Macdonald. Committed people who will put it all on the line to tell the stories
- that matter. Hamish has the ability to connect and inspire through his work. Whether it be covering the news from
- war-torn and developing nations or reporting on disasters and major world events.</p>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394 %281%29.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Nicholas’s story</h4>
- <p class="card-text">Nicholas Steep believes the world needs more positivity. So he’s bringing it in bucket loads. He has turned his own
- experiences with mental health, identity issues and bullying into a passion for helping others find and claim their
- place in the world.</p>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-4 d-flex align-items-stretch">
- <div class="card">
- <img class="card-img-top" src="http://engage.csu.edu.au/rs/075-KSK-811/images/6394.png" alt="Card image"
- style="width:100%">
- <div class="card-body">
- <h4 class="card-title">Dylan’s story</h4>
- <p class="card-text">Growing up on a mixed farm in the Riverina, Dylan Male was naturally drawn to a career in agriculture. Fuelled by his
- passion for agricultural science and solving problems, Dylan strives to make a real difference in the world by improving
- productivity and sustainability of agriculture systems.</p>
- </div>
- </div>
- </div>
- <div class="share-you-story">
- <a href="" class="share-story-btn btn btn-primary" role="button">Share your story →</a>
- </div>
- </div>
- </div>
- </div>
- <div class="section-about">
- <div class="container">
- <div class="row">
- <div class="col-sm-12 col-md-6 no-pads-col">
- <div class="container-blue">
- <div class="bluebox">
- <div class="container-content">
- <h2>Building connections</h2>
- <p>We are who we are because of our collaborative relationships with industry and deep community ties. Like our
- longstanding partnership with the NSW Police Force, ongoing relationships with community groups such as Aboriginal
- Community Elders and Royal Far West, and delivery partners IT Masters, CSU Study Centres and TAFE’s across Australia –
- just to name a few. We put our whole hearts into creating meaningful and lasting connections.</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-6 no-pads-col">
- <div class="container-brown">
- <div class="brownbox">
- <div class="container-content">
- <h2>Seeking purpose</h2>
- <p>We champion research that helps our communities flourish and shapes the world we live in. Our researchers are making new
- discoveries spanning community resilience, water ecosystem health, children’s literacy, diabetes screening, jury
- reasoning and farming systems. It’s the value of what we do that drives us to strive for a better tomorrow, today.</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-6 no-pads-col">
- <div class="container-green">
- <div class="greenbox">
- <div class="container-content">
- <h2>Making it happen</h2>
- <p>We champion research that helps our communities flourish and shapes the world we live in. Our researchers are
- making new
- discoveries spanning community resilience, water ecosystem health, children’s literacy, diabetes screening,
- jury
- reasoning and farming systems. It’s the value of what we do that drives us to strive for a better tomorrow,
- today.</p>
- </div>
- </div>
- </div>
- </div>
- <div class="col-sm-12 col-md-6 no-pads-col">
- <div class="container-orange">
- <div class="orangebox">
- <div class="container-content">
- <h2>Moving forward</h2>
- <p>As the world changes, so do we. We’re transforming and enhancing online study, investing in our communities through
- innovative facilities and the latest technologies and expanding our campuses. Our newest campus at Port Macquarie is set
- to become the largest international teaching and learning centre in regional NSW. And we’re bringing medicine to our
- regions from 2021 so we can do our part to make sure future generations will be well taken care of.</p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!--<div class="mktoText" id="exampleText" mktoName="Example Text Area">
- This is an example editable text area.
- </div>-->
- <!-- scripts -->
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
- integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
- crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
- integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
- crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
- integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
- crossorigin="anonymous"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement