%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 | Port4lio">
<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 - Service for the modeling business | Portfolio database, Job & Vacancies for Models, Casting calls aggregator </title>
<!-- =========================
FAV AND TOUCH ICONS
============================== -->
<link rel="icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
<!-- =========================
STYLESHEETS
============================== -->
<!-- BOOTSTRAP -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- FONT ICONS -->
<link rel="stylesheet" href="assets/elegant-icons/style.css">
<link rel="stylesheet" href="assets/app-icons/styles.css">
<!--[if lte IE 7]><script src="lte-ie7.js"></script><![endif]-->
<!-- WEB FONTS -->
<link href="//fonts.googleapis.com/css?family=Roboto:100,300,100italic,400,300italic" rel="stylesheet" type="text/css">
<!-- CAROUSEL AND LIGHTBOX -->
<link rel="stylesheet" href="css/owl.theme.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/nivo-lightbox.css">
<link rel="stylesheet" href="css/nivo_themes/default/default.css">
<!-- ANIMATIONS -->
<link rel="stylesheet" href="css/animate.min.css">
<!-- CUSTOM STYLESHEETS -->
<link rel="stylesheet" href="css/styles.css">
<!-- COLORS -->
<link rel="stylesheet" href="css/colors/purple.css"> <!-- DEFAULT COLOR/ CURRENTLY USING -->
<!-- <link rel="stylesheet" href="css/colors/red.css"> -->
<!-- <link rel="stylesheet" href="css/colors/green.css"> -->
<!-- <link rel="stylesheet" href="css/colors/purple.css"> -->
<!-- <link rel="stylesheet" href="css/colors/orange.css"> -->
<!-- <link rel="stylesheet" href="css/colors/blue-munsell.css"> -->
<!-- <link rel="stylesheet" href="css/colors/slate.css"> -->
<!-- <link rel="stylesheet" href="css/colors/yellow.css"> -->
<!-- RESPONSIVE FIXES -->
<link rel="stylesheet" href="css/responsive.css">
<!--[if lt IE 9]>
<script src="js/html5shiv.js"></script>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- JQUERY -->
<script src="//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="images/logo-black@2x.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="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">Be discovered<br>or<br>Discover new model faces!</h1>
<!--<<h5>Available on</h5> -->
<!-- BUTTON -->
<br>
<div class="buttons" id="download-button">
<a href="https://itunes.apple.com/app/port4lio/id1067633956?mt=8" target="_blank"><img src="//port4lio.pro/local/templates/p4_new/img/white_app_ios.png" alt="Download on the App Store" style="width: auto; height: 60px; margin: 0; padding: 0"></a>
<a href="https://play.google.com/store/apps/details?id=com.port4lio&hl=en" target="_blank"><img src="//port4lio.pro/local/templates/p4_new/img/white_app_android.png" alt="Download on the Google Play" style="width: auto; height: 60px; margin: 0; padding: 0"></a>
<!--<a href="https://itunes.apple.com/app/port4lio/id1067633956?mt=8" class="btn btn-default btn-lg standard-button"><i class="icon-app-store"></i>App Store</a>
<!--<a href="https://play.google.com/store/apps/details?id=com.port4lio&hl=en" class="btn btn-default btn-lg standard-button"><i class="icon-google-play"></i>Google Play</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="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="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 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/>
* We offer all information needed to apply for open Casting Calls in your area!
<br><br>
* Receive a notification at the time of publication!
<br><br>
* Apply to open casting calls in ONE click!
<br><br>
* Get your dream job!
</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="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="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 Novak
</div>
<div class="company-info">
22, Paris
</div>
</div>
<!-- /END SINGLE FEEDBACK -->
<!-- SINGLE FEEDBACK -->
<div class="feedback">
<!-- IMAGE -->
<div class="image">
<!-- i class=" icon_quotations"></i -->
<img src="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="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">
Jennifer Sanders
</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">Get Port4lio for free</h2>
<!-- BUTTONS -->
<div class="buttons wow fadeInRight animated" data-wow-offset="10" data-wow-duration="1.5s">
<a href="https://itunes.apple.com/app/port4lio/id1067633956?mt=8" target="_blank"><img src="//port4lio.pro/local/templates/p4_new/img/white_app_ios.png" alt="Download on the App Store" style="width: auto; height: 60px; margin: 0; padding: 0"></a>
<a href="https://play.google.com/store/apps/details?id=com.port4lio&hl=en" target="_blank"><img src="//port4lio.pro/local/templates/p4_new/img/white_app_android.png" alt="Download on the Google Play" style="width: auto; height: 60px; margin: 0; padding: 0"></a>
<!--<a href="https://itunes.apple.com/app/port4lio/id1067633956?mt=8" class="btn btn-default btn-lg standard-button"><i class="icon-app-store"></i>App Store</a>
<!--<a href="https://play.google.com/store/apps/details?id=com.port4lio&hl=en" class="btn btn-default btn-lg standard-button"><i class="icon-google-play"></i>Google Play</a>
</div>
<!-- /END BUTTONS -->
</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">
<!-- LOGO -->
<img src="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 - 2019 Port4lio © All Rights Reserved
</p>
</div>
<!-- /END CONTAINER -->
</footer>
<!-- /END FOOTER -->
<!-- =========================
SCRIPTS
============================== -->
<script src="js/bootstrap.min.js"></script>
<script src="js/smoothscroll.js"></script>
<script src="js/jquery.scrollTo.min.js"></script>
<script src="js/jquery.localScroll.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/nivo-lightbox.min.js"></script>
<script src="js/simple-expand.min.js"></script>
<script src="js/wow.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/retina.min.js"></script>
<script src="js/jquery.nav.js"></script>
<script src="js/matchMedia.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.fitvids.js"></script>
<script src="js/custom.js"></script>
</body>
</html>
Zerion Mini Shell 1.0