Skip to content

Instantly share code, notes, and snippets.

@hanuor

hanuor/landing.html

Created November 28, 2019 05:55
Show Gist options
  • Save hanuor/d829fafaed1241a55835e43591d4d525 to your computer and use it in GitHub Desktop.
Save hanuor/d829fafaed1241a55835e43591d4d525 to your computer and use it in GitHub Desktop.
Download ZIP
Landing page
Raw
landing.html
<?php
global $CI; ?>
<!DOCTYPE html>
<html>
<?php $CI->load->view('common/header', array()); ?>
<link rel="stylesheet" type="text/css" href="<?= base_url('assets/css/footer.css') ?>">
<link rel="stylesheet" href="<?= base_url('/assets/css/large.css') ?>">
<link rel="stylesheet" type="text/css" href="<?= base_url('assets/css/global.css') ?>">
<body>`
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-K3PRLM3"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<div class="full-width-container">
<div class="main-container">
<div class="row banner">
<div class="thirty-nine align-self-center" id="banner-left">
<h1 class="orange-text">Find a Digital Marketing Job you'll love</h1>
<p class="dark-grey">Find relevant jobs, validate your skills and get hired!</p>
<a class="border-rounded-button orange-text margin-top-20"
onclick="scrollToJobs();">
Get Started
</a>
</div>
<div class="sixty"><img class="img-fluid-banner" src="<?= base_url('assets/images/landing_banner.png') ?>">
</div>
</div>
</div>
<div class="small-container">
<div class="row test">
<div class="col-12"><img class="img-fluid-banner" src="<?= base_url('assets/images/landing_banner.png') ?>">
</div>
<div class="col-12 content-col">
<h1 class="orange-text">Find a Digital Marketing Job you'll love</h1>
<p class="dark-grey">Find relevant jobs, validate your skills and get hired!</p>
<a class="border-rounded-button orange-text margin-top-20" onclick="scrollToJobs();">
Get Started
</a>
</div>
</div>
</div>
<div class="second-container padding-100">
<h5 class="candidate-employer-heading orange-text margin-bottom-10" style="text-align: center"><span
class="dark-grey">" </span><i>Hiring
marketers made
simple</i><span class="dark-grey"> "</span></h5>
<div id="relevant_jobs_container" class="container margin-top-100">
<div class="row">
<div class="col-xs-12 col-md-4">
<div class="margin-15-percent">
<h5 class="orange-text">Find Relevant Jobs</h5>
<p class="dark-grey">Let Digifynd take the stress out of your search. Register with us and we'll
make the process simple</p>
<a class="solid-rounded-button" href="<?= base_url('homescreen') ?>">View all</a>
</div>
</div>
<?php
for ($i = 0; $i < sizeof($data); $i++) {
?>
<div class="col-xs-12 col-md-4">
<div class="card centralised-content margin-top-20">
<img class="centralised-content job_icon"
src="<?= base_url('assets/images/job_icon.svg') ?>">
<span
class="orange-text centralised-content margin-top-20"><?= $data[$i]['job_role'] ?></span>
<div class="job-content margin-top-20">
<span
class="dark-grey font-15"><b>Company:</b> <?= $data[$i]['company_name'] ?></span><br>
<span class="dark-grey font-15">
<b>Experience:</b> <?= $data[$i]['min_experience'] . ' - ' . $data[$i]['max_experience'] . ' Years' ?>
</span><br>
<span class="dark-grey font-15">
<b>Pay:</b> <?= $data[$i]['ctc'] . ' Lacs/annum' ?>
</span><br>
<span class="dark-grey font-15">
<b>Location:</b> <?= $data[$i]['location'] ?>
</span>
</div>
<div class="margin-top-20">
<a class="solid-rounded-button"
href="<?= base_url('homescreen/details/' . $data[$i]['job_id'] . '/' . $data[$i]['unique_key']) ?>"
target="_blank">View</a>
</div>
</div>
</div>
<?php
}
?>
</div>
</div>
<div class="container margin-top-100">
<div class="row">
<div class="col-xs-12 col-md-4 margin-top-20">
<div class="card centralised-content h-100">
<img class="centralised-content job_icon" src="<?= base_url('assets/images/punch.svg') ?>">
<div class="margin-top-20">
<span class="orange-text font-14"><u><b>Online Challenge</b></u></span>
</div>
<div class="job-content margin-top-20">
<span
class="dark-grey font-14"><b>For:</b> Digital Marketers</span><br>
<span class="dark-grey font-14">
<b>Experience:</b> Intermediate
</span><br>
<span class="dark-grey font-14">
<b>Deadling:</b> 23rd November 16:00 hrs
</span><br>
<span class="dark-grey font-14">
<b>Mentor:</b> Parth Desai
</span>
</div>
<div class="margin-top-20">
<a class="solid-rounded-button"
href="<?= base_url('campaigns/digital_marketer_challenge') ?>" target="_blank">View</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 margin-top-20">
<div class="card centralised-content h-100">
<div>
<img class="centralised-content job_icon" src="<?= base_url('assets/images/event.svg') ?>">
<div class="margin-top-20">
<span class="orange-text font-14"><u><b>Online Event</b></u></span>
</div>
<div class="margin-top-20">
<span class="font-14 dark-grey">
<b>Stay updated <br>Events would be live soon</b>
</span>
</div>
<div class="margin-top-20">
<a class="solid-rounded-button"
href="<?= base_url('hackathons#events_container') ?>" target="_blank">View</a>
</div>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 order-first order-md-last">
<div class="margin-15-percent">
<h5 class="orange-text ">Validate your skillsets</h5>
<p class="dark-grey">Get detailed feedback from industry experts by participating in our
hackathons
and taking our skill assessments</p>
<a class="solid-rounded-button" href="<?= base_url('hackathons') ?>">View all</a>
</div>
</div>
</div>
</div>
<div class="container margin-top-100">
<div class="row">
<div class="col-xs-12 col-md-4 vertical-align">
<div>
<h5 class="orange-text">Give your Career a Boost</h5>
<p class="dark-grey">Get ahead of the competition with Career Plus- a bespoke program which
combines
personalized evaluation ,one-on-one mentoring from industry experts and premium job
assistance</p>
<a class="solid-rounded-button" href="<?= base_url('career-services') ?>">View</a>
</div>
</div>
<div class="col-xs-12 col-md-4 margin-top-20">
<div class="card centralised-content h-100">
<img class="centralised-content assessment_icon full-width"
src="<?= base_url('assets/images/one_to_one.svg') ?>">
<div class="margin-top-20">
<span class="dark-grey font-14">1 : 1 Mentorship</span>
</div>
</div>
</div>
<div class="col-xs-12 col-md-4 margin-top-20">
<div class="card centralised-content h-100">
<img class="centralised-content assessment_icon full-width"
src="<?= base_url('assets/images/in_depth.svg') ?>">
<div class="margin-top-20">
<span class="dark-grey font-14">In-depth Skill Assessment</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pink-background padding-100">
<div class="full-width-container">
<h5 class="candidate-employer-heading margin-bottom-10 dark-grey centralised-content">Meet Our Industry
Experts</h5>
<div class="padding-20 centralised-content">
<a class="solid-rounded-button centralised-content" href="<?= base_url('become-an-evaluator') ?>">Become a
mentor</a>
</div>
<div class="margin-top-20">
<div class="container">
<div class="row">
<div class="col-xs-6 col-md-3 margin-top-20">
<div class="card centralised-content h-100">
<img class="center" src="<?= base_url('assets/images/career_services/sunanth.jpg') ?>"
style="width: 100px; height: 100px; border-radius: 50%;">
<h5 class="mentor-heading margin-top-20 orange-text">Sunanth Pavithran</h5>
<p>Content Marketing Manager at MoEngage.inc</p>
</div>
</div>
<div class="col-xs-6 col-md-3 margin-top-20">
<div class="card centralised-content h-100">
<img class="center" src="<?= base_url('assets/images/career_services/ankit.png') ?>"
style="width: 100px; height: 100px; border-radius: 50%;">
<h5 class="mentor-heading margin-top-20 orange-text">Ankit Chabbra</h5>
<p>AGM, Brand and Digital Marketing at Fortis Healthcare</p>
</div>
</div>
<div class="col-xs-6 col-md-3 margin-top-20">
<div class="card centralised-content h-100">
<img class="center" src="<?= base_url('assets/images/career_services/shard.png') ?>"
style="width: 100px; height: 100px; border-radius: 50%;">
<h5 class="mentor-heading margin-top-20 orange-text">Ankit Shard</h5>
<p>Digital Marketing Manager at Philips</p>
</div>
</div>
<div class="col-xs-6 col-md-3 margin-top-20">
<div class="card centralised-content h-100">
<img class="center" src="<?= base_url('assets/images/career_services/utkarsh.jpg') ?>"
style="width: 100px; height: 100px; border-radius: 50%;">
<h5 class="mentor-heading margin-top-20 orange-text">Utkarsh Rai</h5>
<p>Product Marketing Manager at Wingify
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="full-width-container full-width-container-subset padding-100">
<div class="companies-container">
<h5 class="candidate-employer-heading orange-text margin-bottom-10" style="text-align: center">Trusted by
companies like</h5>
<div id="gallery" class="carousel carousel-gallery slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row centralised-content">
<?php
for ($i = 1; $i < 7; $i++) {
?>
<div class="col-xs-3 col-md-2 margin-top-10">
<img class="img-fluid"
src="<?= base_url('assets/images/employer_logos/' . $i . '.svg') ?>"
alt=""/>
</div>
<?php
}
?>
</div>
</div>
<div class="carousel-item">
<div class="row centralised-content">
<?php
for ($i = 7; $i < 13; $i++) {
?>
<div class="col-xs-6 col-md-2">
<img class="img-fluid"
src="<?= base_url('assets/images/employer_logos/' . $i . '.svg') ?>"
alt=""/>
</div>
<?php
}
?>
</div>
</div>
<div class="carousel-item">
<div class="row centralised-content">
<?php
for ($i = 13; $i < 19; $i++) {
?>
<div class="col-xs-6 col-md-2">
<img class="img-fluid"
src="<?= base_url('assets/images/employer_logos/' . $i . '.svg') ?>"
alt=""/>
</div>
<?php
}
?>
</div>
</div>
</div>
</div>
</div>
<div id="services">
<h5 class="candidate-employer-heading orange-text" style="text-align: center">Hire the
most trusted marketers via our platform</h5>
<div class="container padding-25">
<div class="row">
<div class="col-xs-12 col-md-6 margin-top-20">
<div class="card resized-card centralised-content h-100">
<p class="orange-pink-text font-17"><b>Thousands of marketers with validated skillsets</b></p>
<img class="margin-top-20 full-width width-130 centralised-content"
src="<?= base_url('assets/images/bullhorn.svg') ?>">
<div class="margin-top-30">
<a class="solid-rounded-button padding-top-30" href="<?= base_url('employers') ?>">Hire
Now</a>
</div>
</div>
</div>
<div class="col-xs-12 col-md-6 margin-top-20">
<div class="card resized-card centralised-content h-100">
<p class="orange-pink-text font-17"><b>Globally qualified & experienced full-time
freelancers</b></p>
<div class="container">
<div class="row">
<?php
for ($i = 1; $i < 6; $i++) {
?>
<div class="col-xs-6 col-md-4 padding-20">
<span><img class="mavens_logo"
src="<?= base_url('assets/images/employers/' . $i . '.png') ?>"></span>
</div>
<?php
}
?>
</div>
</div>
<div class="margin-top-20">
<a class="solid-rounded-button margin-top-20" href="https://digitalmavens.in"
target="_blank">Know more</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="pink-background padding-100">
<div class="container">
<div class="row vertical-align">
<div class="col-xs-12 col-md-6 align-middle">
<h5 class="candidate-employer-heading dark-grey margin-bottom-10 padding-10 align-middle"
style="text-align: center">
What our
marketers
are saying about us</h5>
</div>
<div class="col-xs-12 col-md-6">
<div id="testimonials" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="row centralised-content padding-bottom-10">
<div class="card">
<div style="width: 100%; text-align: center">
<img src="<?= base_url('assets/images/career_services/soundarya.png') ?>"
style="width: 100px; height: 100px; border-radius: 50%;">
</div>
<p class="margin-top-20">
<b class="mentor-heading orange-pink-text">Soundarya Murugaiyam</b> -<br>"<i>Digifynd
team has
been
extremely helpful throughout the interview process. Their team coordinated
the
entire process, and informed decisions and checked up on the status from
both
ends promptly. Their team was a great moral support throughout the waiting
period and I would recommend Digifynd to anyone who’s looking to get
recruited
in the Digital Marketing Industry.</i>"
</p>
</div>
</div>
</div>
<div class="carousel-item">
<div class="row centralised-content">
<div class="card">
<div style="width: 100%; text-align: center">
<img src="<?= base_url('assets/images/career_services/manvi.jpg') ?>"
style="width: 100px; height: 100px; border-radius: 50%; object-fit: cover;">
</div>
<p class="margin-top-20">
<b class="mentor-heading orange-pink-text">Manvi Raj Garg</b> - <br>"<i>Thanks
for the
wonderful
opportunity that Digifynd
gave
me through the contest. Though the content writing-cum-marketing contest was
challenging, it helped me to use my skills to the optimum and also learn
more
about technology. The contest helped me strategize on how businesses should
leverage on technology and market to like-minded professionals. I would love
to
be a part of such challenges in the future.</i>"
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<?php $CI->load->view('common/footer', array()); ?>
<script src="<?= base_url('/assets/js/home/home.js') ?>"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment