%PDF-
%PDF-
Mini Shell
Mini Shell
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="description" content="Models database | Casting Calls | Modeling Agencies | Portfolio">
<meta name="keywords" content="model, models, models database, portfolio database, job, vacancies, casting calls, modeling agencies, beauty, fashion, portfolio, fashion model, photo model, mobile, app, android, iOS">
<meta name="author" content="© Port4lio.pro">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- SITE TITLE -->
<title>Port4lio.pro - HeadHunter for the Modeling business | Portfolio database, Job & Vacancies for Models, Casting calls </title>
<!-- =========================
FAV AND TOUCH ICONS
============================== -->
<link rel="icon" href="/landing/images/favicon.ico">
<link rel="apple-touch-icon" href="/landing/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="/landing/images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="/landing/images/apple-touch-icon-114x114.png">
<!-- =========================
STYLESHEETS
============================== -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="/landing/css/bootstrap.min.css">
<!-- FONT ICONS -->
<link rel="stylesheet" href="/landing/assets/elegant-icons/style.css">
<link rel="stylesheet" href="/landing/assets/app-icons/styles.css">
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
<!-- WEB FONTS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:100,300,100italic,400,300italic' rel='stylesheet' type='text/css'>
<!-- CAROUSEL AND LIGHTBOX -->
<link rel="stylesheet" href="/landing/css/owl.theme.css">
<link rel="stylesheet" href="/landing/css/owl.carousel.css">
<link rel="stylesheet" href="/landing/css/nivo-lightbox.css">
<link rel="stylesheet" href="/landing/css/nivo_themes/default/default.css">
<!-- ANIMATIONS -->
<link rel="stylesheet" href="/landing/css/animate.min.css">
<!-- CUSTOM STYLESHEETS -->
<link rel="stylesheet" href="/landing/css/styles.css">
<!-- COLORS -->
<link rel="stylesheet" href="/landing/css/colors/purple.css"> <!-- DEFAULT COLOR/ CURRENTLY USING -->
<!-- <link rel="stylesheet" href="/landing/css/colors/red.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/green.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/purple.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/orange.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/blue-munsell.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/slate.css"> -->
<!-- <link rel="stylesheet" href="/landing/css/colors/yellow.css"> -->
<!-- RESPONSIVE FIXES -->
<link rel="stylesheet" href="/landing/css/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- JQUERY -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
<!-- =========================
PRE LOADER
============================== -->
<div class="preloader">
<div class="status"> </div>
</div>
<!-- =========================
HEADER
============================== -->
<header class="header" data-stellar-background-ratio="0.5" id="home">
<!-- COLOR OVER IMAGE -->
<div class="color-overlay"> <!-- To make header full screen. Use .full-screen class with color overlay. Example: <div class="color-overlay full-screen"> -->
<!-- STICKY NAVIGATION -->
<div class="navbar navbar-inverse bs-docs-nav navbar-fixed-top sticky-navigation">
<div class="container">
<div class="navbar-header">
<!-- LOGO ON STICKY NAV BAR -->
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#kane-navigation">
<span class="sr-only">Navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="/landing/images/logo-black.png" alt=""></a>
</div>
<!-- NAVIGATION LINKS -->
<div class="navbar-collapse collapse" id="kane-navigation">
<ul class="nav navbar-nav navbar-right main-navigation">
<li><a href="#home">Home</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#brief1">Why Us?</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#download">Download</a></li>
</ul>
</div>
</div> <!-- /END CONTAINER -->
</div> <!-- /END STICKY NAVIGATION -->
<!-- CONTAINER -->
<div class="container">
<!-- ONLY LOGO ON HEADER -->
<div class="only-logo">
<div class="navbar">
<div class="navbar-header">
<img src="/landing/images/logo.png" alt="">
</div>
</div>
</div> <!-- /END ONLY LOGO ON HEADER -->
<div class="row">
<div class="col-md-8 col-md-offset-2">
<!-- HEADING AND BUTTONS -->
<div class="intro-section">
<!-- WELCOME MESSAGE -->
<h1 class="intro">Your personal online service for model presentation and promotion</h1>
<!--<h5>Soon on App Store and Play Store</h5> -->
<!-- BUTTON -->
<div class="buttons" id="download-button">
<a href="#download" class="btn btn-default btn-lg standard-button"></i>Want to be first?</a>
<!--<a href="#download" class="btn btn-default btn-lg standard-button"><i class="icon-app-download"></i>Want to be first?</a>-->
</div>
<!-- /END BUTTONS -->
</div>
<!-- /END HEADNING AND BUTTONS -->
</div>
</div>
<!-- /END ROW -->
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END COLOR OVERLAY -->
</header>
<!-- /END HEADER -->
<!-- =========================
FEATURES
============================== -->
<section class="features" id="features" id="features">
<div class="container">
<!-- SECTION HEADER -->
<div class="section-header wow fadeIn animated" data-wow-offset="120" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<h2 class="dark-text">Amazing Features</h2>
<div class="colored-line">
</div>
<div class="section-description">
All in one place! All in one App!
</div>
<div class="colored-line">
</div>
</div>
<!-- /END SECTION HEADER -->
<div class="row">
<!-- FEATURES LEFT -->
<div class="col-md-4 col-sm-4 features-left wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_contacts_alt"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">Free & Simple</h4>
<p>
Create your professional model portfolio in just 1 minute and absolutely free.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_heart_alt"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">User-Friendly</h4>
<p>
Familiar interface integrated with all social networks.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_globe"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">Worldwide network</h4>
<p>
Access to model portfolios and casting calls from around the world.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
</div>
<!-- /END FEATURES LEFT -->
<!-- PHONE IMAGE -->
<div class="col-md-4 col-sm-4">
<div class="phone-image wow bounceIn animated" data-wow-offset="120" data-wow-duration="1.5s">
<img src="/landing/images/single-iphone.png" alt="">
</div>
</div>
<!-- FEATURES RIGHT -->
<div class="col-md-4 col-sm-4 features-right wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_mobile"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">One click</h4>
<p>
Apply for a Job and Casting Calls in one click directly from The App.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_laptop"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">Web & mobile</h4>
<p>
We made Port4lio available through the web and on any type of mobile device.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
<!-- FEATURE -->
<div class="feature">
<!-- ICON -->
<div class="icon-container">
<div class="icon">
<i class="icon_error-circle_alt"></i>
</div>
</div>
<!-- FEATURE HEADING AND DESCRIPTION -->
<div class="fetaure-details">
<h4 class="main-color">Features</h4>
<p>
More features are being developed and will be available soon.
</p>
</div>
</div>
<!-- /END SINGLE FEATURE -->
</div>
<!-- /END FEATURES RIGHT -->
</div>
<!-- /END ROW -->
</div>
<!-- /END CONTAINER -->
</section>
<!-- /END FEATURES SECTION -->
<!-- =========================
BRIEF LEFT SECTION
============================== -->
<section class="app-brief grey-bg" id="brief1">
<div class="container">
<div class="row">
<!-- PHONES IMAGE -->
<div class="col-md-6 wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s">
<div class="phone-image">
<img src="/landing/images/2-iphone-left.png" alt="">
</div>
</div>
<!-- RIGHT SIDE WITH BRIEF -->
<div class="col-md-6 left-align wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<h2 class="dark-text">Why us?</h2>
<div class="colored-line-left">
</div>
<p>
Port4lio.pro is user-friendly and easy to work with and allows models to promote themselves on their own, as well as offering ample opportunities for modelling agencies, interested in promoting their clients, searching for new faces and negotiating successful international contracts.
</p>
<!-- FEATURE LIST -->
<ul class="feature-list">
<li><i class="icon_lock_alt"></i> Reliable and Secure Platform</li>
<li><i class="icon_check_alt2"></i> Everything is perfectly orgainized</li>
<li><i class="icon_paperclip"></i> Attach large photos easily</li>
<li><i class="icon_adjust-vert"></i> Many features and easy to use</li>
</ul>
</div>
<!-- /END RIGHT BRIEF -->
</div>
<!-- /END ROW -->
</div>
<!-- /END CONTAINER -->
</section>
<!-- /END SECTION -->
<!-- =========================
BRIEF RIGHT SECTION
============================== -->
<section class="app-brief" id="brief2">
<div class="container">
<div class="row">
<!-- BRIEF -->
<div class="col-md-6 left-align wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<h2 class="dark-text">Casting calls aggregator</h2>
<div class="colored-line-left">
</div>
<p>
All new job positions and casting calls are in one place and always in your hand.<br/><br/>
Receive a notification at the time of publication.
</p>
</div>
<!-- /ENDBRIEF -->
<!-- PHONES IMAGE -->
<div class="col-md-6 wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s">
<div class="phone-image">
<img src="/landing/images/2-iphone-right.png" alt="">
</div>
</div>
<!-- /END PHONES IMAGE -->
</div>
<!-- /END ROW -->
</div>
<!-- /END CONTAINER -->
</section>
<!-- /END SECTION -->
<!-- =========================
TESTIMONIALS
============================== -->
<section class="testimonials">
<div class="color-overlay">
<div class="container wow fadeIn animated" data-wow-offset="10" data-wow-duration="3s">
<!-- FEEDBACKS -->
<div id="feedbacks" class="owl-carousel owl-theme">
<!-- SINGLE FEEDBACK -->
<div class="feedback">
<!-- IMAGE -->
<div class="image">
<!-- i class=" icon_quotations"></i -->
<img src="/landing/images/clients-pic/3.jpg" alt="">
</div>
<div class="message">
It is very convenient to have all in one place and do not waste my time looking for information about work and casting calls in social networks and specialised websites.
</div>
<div class="white-line">
</div>
<!-- INFORMATION -->
<div class="name">
Kate Nova
</div>
<div class="company-info">
22, France
</div>
</div>
<!-- /END SINGLE FEEDBACK -->
<!-- SINGLE FEEDBACK -->
<div class="feedback">
<!-- IMAGE -->
<div class="image">
<!-- i class=" icon_quotations"></i -->
<img src="/landing/images/clients-pic/1.jpg" alt="">
</div>
<div class="message">
I do not need a computer anymore, I can apply for a job interesting to me anywhere at any time right from my phone.
</div>
<div class="white-line">
</div>
<!-- INFORMATION -->
<div class="name">
Oksana Demidova
</div>
<div class="company-info">
20, Moscow
</div>
</div>
<!-- /END SINGLE FEEDBACK -->
<!-- SINGLE FEEDBACK -->
<div class="feedback">
<!-- IMAGE -->
<div class="image">
<!-- i class=" icon_quotations"></i -->
<img src="/landing/images/clients-pic/2.jpg" alt="">
</div>
<div class="message">
I get to know about new vacancies straight away and it helps me to save more time.
</div>
<div class="white-line">
</div>
<!-- INFORMATION -->
<div class="name">
Jenny Ann
</div>
<div class="company-info">
18, Los Angeles
</div>
</div>
<!-- /END SINGLE FEEDBACK -->
</div>
<!-- /END FEEDBACKS -->
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END COLOR OVERLAY -->
</section>
<!-- /END TESTIMONIALS SECTION -->
<!-- =========================
SERVICES
============================== -->
<section class="services" id="services">
<div class="container">
<!-- SECTION HEADER -->
<div class="section-header wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SECTION TITLE -->
<h2 class="dark-text">Want to create your Professional model portfolio?</h2>
<div class="colored-line">
</div>
<div class="section-description">
Port4lio is your best choice!
</div>
<div class="colored-line">
</div>
</div>
<!-- /END SECTION HEADER -->
<div class="row">
<!-- SINGLE SERVICE -->
<div class="col-md-4 single-service wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SERVICE ICON -->
<div class="service-icon">
<i class="icon_contacts_alt"></i>
</div>
<!-- SERVICE HEADING -->
<h3>PORTFOLIO</h3>
<!-- SERVICE DESCRIPTION -->
<p>
Easy to manage photo model portfolio.
</p>
</div>
<!-- /END SINGLE SERVICE -->
<!-- SINGLE SERVICE -->
<div class="col-md-4 single-service wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SERVICE ICON -->
<div class="service-icon">
<i class="icon_group"></i>
</div>
<!-- SERVICE HEADING -->
<h3>CATALOG</h3>
<!-- SERVICE DESCRIPTION -->
<p>
Photo model catalog in a user-friendly format.
</p>
</div>
<!-- /END SINGLE SERVICE -->
<!-- SINGLE SERVICE -->
<div class="col-md-4 single-service wow fadeIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- SERVICE ICON -->
<div class="service-icon">
<i class="social_share"></i>
</div>
<!-- SERVICE HEADING -->
<h3>PROMOTION</h3>
<!-- SERVICE DESCRIPTION -->
<p>
Targeted model promotion in social networks.
</p>
</div>
<!-- /END SINGLE SERVICE -->
</div>
<!-- /END ROW -->
</div>
<!-- /END CONTAINER -->
</section>
<!-- /END FEATURES SECTION -->
<!-- =========================
DOWNLOAD NOW
============================== -->
<section class="download" id="download">
<div class="color-overlay">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<!-- DOWNLOAD BUTTONS AREA -->
<div class="download-container">
<h2 class=" wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">Soon at your mobile store</h2>
<!-- BUTTONS -->
<!--<div class="buttons wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s">
<a href="" class="btn btn-default btn-lg standard-button"><i class="icon-app-store"></i>App Store</a>
<a href="" class="btn btn-default btn-lg standard-button"><i class="icon-google-play"></i>Play Store</a>-->
</div>
<!-- /END BUTTONS -->
</div>
<!-- END OF DOWNLOAD BUTTONS AREA -->
<!-- SUBSCRIPTION FORM WITH TITLE -->
<div class="subscription-form-container">
<h2 class="wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">Subscribe now to stay tuned!</h2>
<!-- =====================
MAILCHIMP FORM STARTS
===================== -->
<form class="subscription-form mailchimp form-inline wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s" role="form">
<!-- SUBSCRIPTION SUCCESSFUL OR ERROR MESSAGES -->
<h4 class="subscription-success"></h4>
<h4 class="subscription-error"></h4>
<!-- EMAIL INPUT BOX -->
<input type="email" name="email" id="subscriber-email" placeholder="Your Email" class="form-control input-box">
<!-- SUBSCRIBE BUTTON -->
<a id="subscribe-button" class="btn btn-default standard-button">Subscribe</a>
</form>
<!-- /END MAILCHIMP FORM STARTS -->
<!-- =====================
LOCAL TXT FORM STARTS
===================== -->
<!-- THIS FORM IS COMMENTED TO HIDE
<form class="subscription-form form-inline wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s" id="subscribe" role="form">
<h4 class="subscription-success"><i class="icon_check"></i> Thank you! We will notify you soon.</h4>
<h4 class="subscription-error">Something Wrong!</h4>
<input type="email" name="email" id="subscriber-email" placeholder="Your Email" class="form-control input-box">
<button type="submit" id="subscribe-button" class="btn btn-default standard-button">Subscribe</button>
</form>
-->
<!-- / LOCAL TXT SAVING FORM END -->
</div>
<!-- END OF SUBSCRIPTION FORM WITH TITLE -->
</div>
<!-- END COLUMN -->
</div>
<!-- END ROW -->
</div>
<!-- /END CONTAINER -->
</div>
<!-- /END COLOR OVERLAY -->
</section>
<!-- /END DOWNLOAD SECTION -->
<!-- =========================
FOOTER
============================== -->
<footer>
<div class="container">
<div class="contact-box wow rotateIn animated" data-wow-offset="10" data-wow-duration="1.5s">
<!-- CONTACT BUTTON TO EXPAND OR COLLAPSE FORM -->
<a class="btn contact-button expand-form expanded"><i class="icon_mail_alt"></i></a>
<!-- EXPANDED CONTACT FORM -->
<div class="row expanded-contact-form">
<div class="col-md-8 col-md-offset-2">
<h2 class=" wow fadeInLeft animated" data-wow-offset="10" data-wow-duration="1.5s">Post your casting call Now</h2>
<!-- FORM -->
<form class="contact-form" id="contact" role="form">
<!-- IF MAIL SENT SUCCESSFULLY -->
<h4 class="success">
<i class="icon_check"></i> Your message has been sent successfully.
</h4>
<!-- IF MAIL SENDING UNSUCCESSFULL -->
<h4 class="error">
<i class="icon_error-circle_alt"></i> E-mail must be valid and message must be longer than 1 character.
</h4>
<div class="col-md-6">
<input class="form-control input-box" id="name" type="text" name="name" placeholder="Your Name">
</div>
<div class="col-md-6">
<input class="form-control input-box" id="email" type="email" name="email" placeholder="Your Email">
</div>
<div class="col-md-12">
<input class="form-control input-box" id="subject" type="text" name="subject" placeholder="Title of casting">
<textarea class="form-control textarea-box" id="message" rows="8" placeholder="Add casting description, including dates, location, payment info and type of a models you need here"></textarea>
</div>
<button class="btn btn-primary standard-button2 ladda-button" type="submit" id="submit" name="submit" data-style="expand-left">Send now</button>
</form>
<!-- /END FORM -->
</div>
</div>
<!-- /END EXPANDED CONTACT FORM -->
</div>
<!-- /END CONTACT BOX -->
<!-- LOGO -->
<img src="/landing/images/logo-black.png" alt="LOGO" class="responsive-img">
<!-- SOCIAL ICONS -->
<ul class="social-icons">
<li><a href="https://www.facebook.com/port4lio"><i class="social_facebook_square"></i></a></li>
<li><a href="https://instagram.com/port4lio"><i class="social_instagram_square"></i></a></li>
<li><a href="https://twitter.com/port4lio"><i class="social_twitter_square"></i></a></li>
<li><a href="https://www.pinterest.com/port4lio"><i class="social_pinterest_square"></i></a></li>
<li><a href="https://www.tumblr.com/blog/theport4lio"><i class="social_tumblr_square"></i></a></li>
<li><a href="https://vimeo.com/port4lio"><i class="social_vimeo_square"></i></a></li>
<!--<li><a href=""><i class="social_googleplus_square"></i></a></li>
<li><a href="https://vk.com/port4lio"><i class="social_vkontakte_square"></i></a></li>-->
</ul>
<!-- COPYRIGHT TEXT -->
<p class="copyright">
2016 Port4lio.pro © All Rights Reserved
</p>
</div>
<!-- /END CONTAINER -->
</footer>
<!-- /END FOOTER -->
<!-- =========================
SCRIPTS
============================== -->
<script src="/landing/js/bootstrap.min.js"></script>
<script src="/landing/js/smoothscroll.js"></script>
<script src="/landing/js/jquery.scrollTo.min.js"></script>
<script src="/landing/js/jquery.localScroll.min.js"></script>
<script src="/landing/js/owl.carousel.min.js"></script>
<script src="/landing/js/nivo-lightbox.min.js"></script>
<script src="/landing/js/simple-expand.min.js"></script>
<script src="/landing/js/wow.min.js"></script>
<script src="/landing/js/jquery.stellar.min.js"></script>
<script src="/landing/js/retina.min.js"></script>
<script src="/landing/js/jquery.nav.js"></script>
<script src="/landing/js/matchMedia.js"></script>
<script src="/landing/js/jquery.ajaxchimp.min.js"></script>
<script src="/landing/js/jquery.fitvids.js"></script>
<script src="/landing/js/custom.js"></script>
</body>
</html>
Zerion Mini Shell 1.0