Website for Derys Sevilla, https://deryssevilla.design
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

767 lines
35 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Val Seville - Diseñador Gráfico">
<meta name="author" content="Val Seville">
<title>Val Seville - Graphic Designer</title>
<!-- Custom fonts for this theme -->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic" rel="stylesheet" type="text/css">
<!-- Theme CSS -->
<link href="css/main.css" rel="stylesheet">
<!-- Favicon -->
<link rel="icon" type="image/png" href="img/favicon.png">
</head>
<body id="page-top">
<!-- Navigation -->
<nav class="navbar navbar-expand-lg bg-secondary fixed-top" id="mainNav">
<div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top">Val Seville</a>
<button class="navbar-toggler navbar-toggler-right font-weight-bold bg-primary text-white rounded" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menú
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#about">About me</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#education">Education</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#tools">Tools</a>
</li>
<li class="nav-item mx-0 mx-lg-1">
<a class="nav-link py-3 px-0 px-lg-3 rounded js-scroll-trigger" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Masthead -->
<header class="masthead bg-primary text-white text-center">
<div class="container d-flex align-items-center flex-column">
<!-- Masthead Avatar Image -->
<img class="mb-5 logo" src="img/logo.webp" alt="Logo">
</div>
</header>
<!-- Portfolio Section -->
<section class="page-section portfolio" id="portfolio">
<div class="container">
<!-- Portfolio Section Heading -->
<h2 class="page-section-heading text-center text-secondary mb-0">Portfolio</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Grid Items -->
<div class="row">
<!-- Portfolio Item 1 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal1">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/logos.webp" alt="">
</div>
<p class="portfolio-item-text text-center">Logos</p>
</div>
<!-- Portfolio Item 2 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal2">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/magazines.webp" alt="">
</div>
<p class="portfolio-item-text text-center">Magazines</p>
</div>
<!-- Portfolio Item 3 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal3">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/social.webp" alt="">
</div>
<p class="portfolio-item-text text-center">Social networks</p>
</div>
<!-- Portfolio Item 4 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal4">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/illustration.webp" alt="">
</div>
<p class="portfolio-item-text text-center">Ilustrations</p>
</div>
<!-- Portfolio Item 5 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal5">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/pop.webp" alt="">
</div>
<p class="portfolio-item-text text-center">Corporate identity</p>
</div>
<!-- Portfolio Item 6 -->
<div class="col-md-6 col-lg-4">
<div class="portfolio-item mx-auto" data-toggle="modal" data-target="#portfolioModal6">
<div class="portfolio-item-caption d-flex align-items-center justify-content-center h-100 w-100">
<div class="portfolio-item-caption-content text-center text-white">
<i class="fas fa-plus fa-3x"></i>
</div>
</div>
<img class="img-fluid" src="img/portfolio/uiux.webp" alt="">
</div>
<p class="portfolio-item-text text-center">UX/UI</p>
</div>
</div>
<!-- /.row -->
</div>
</section>
<!-- About Section -->
<section class="page-section bg-primary text-white mb-0" id="about">
<div class="container">
<!-- About Section Heading -->
<h2 class="page-section-heading text-center text-white">About me</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- About Section Content -->
<div class="row">
<div class="col-lg-6">
<img src="img/valentina.webp" class="about-image" alt="Valentina">
</div>
<div class="col-lg-6">
<p class="lead about-me-text">Hello! I am Valentina Sevilla, I am 22 years old and I have a <span class="strong">degree in Art, specialized in graphic design</span>; graduated from the Arturo Michelena University in Valencia, Venezuela.</p>
<p class="lead about-me-text">I have experience in <span class="strong">corporate identity design</span>, especially in making logos for companies in different sectors; the development of art for all kinds of social networks such as posts, avatars and flyers. I also have the knowledge for gigantographic design, interior and exterior advertising. More recently, I have trained to have skills in <span class="strong">UX/UI</span>.</p>
<p class="lead about-me-text">I am a professional with determination for the consolidation and achievements of projects, having excellence as a banner, with a constant desire for self-improvement; also having leadership qualities and characterizing aspects such as: <span class="strong">order, discipline, creativity and professional ethics</span>.</p>
<p class="lead about-me-text"> You can download my resume in the button below :)</p>
</div>
</div>
<!-- About Section Button -->
<div class="text-center mt-4">
<a class="btn btn-xl btn-outline-light" href="img/CV_Valentina_Sevilla.pdf" download>
<i class="fas fa-download mr-2"></i>My resume</a>
</div>
</div>
</section>
<!-- Education Section -->
<section class="page-section" id="education">
<div class="container">
<!-- Education Section Heading -->
<h2 class="page-section-heading text-center text-secondary mb-0">Education</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Educacion Section Content -->
<div class="row">
<div class="col-lg-12 ml-auto">
<h3>Graphic Designer - Universidad "Arturo Michelena"</h3>
<p class="lead">History, performing and plastic arts. Aesthetics. Aboriginal, Venezuelan and Latin American art. Artistic creation, art, theater and cinematography. Digital tools.</p>
<ul>
<li><p class="lead"><span class="strong">University community service:</span> "Holding of a Drawing and Art Therapy workshop aimed at cancer patients and relatives of Funcamama"</p></li>
<li><p class="lead"><span class="strong">Specialization:</span> Graphic arts, brand design, study of semiology and shape.</p></li>
</ul>
</div>
<div class="col-lg-12 mr-auto">
<h3>Courses</h3>
<div class="row">
<div class="col-lg-6">
<p class="lead">
<i class="fa fa-caret-right"></i>
<a href="https://www.domestika.org/es/courses/304-introduccion-a-after-effects/course/" target="_blank">Introduction to After Effects. Domestika</a>
</p>
<p class="lead">
<i class="fa fa-caret-right"></i>
<a href="https://www.udemy.com/diseno-ux-html5-css3-experto-ux-design-master/" target="_blank">UX Design with HTML and CSS. Udemy</a>
</p>
<p class="lead">
<i class="fa fa-caret-right"></i>
<a href="img/coderhouse.png"
target="_blank">Coderhouse: UX/UI designer</a>
</p>
</div>
<div class="col-lg-6">
<p class="lead">
<i class="fa fa-caret-right"></i>
<a href="https://www.udemy.com/adobe-xd-cc-master/" target="_blank">Adobe XD CC - Master: Professional prototype design. Udemy</a>
</p>
<p class="lead">
<i class="fa fa-caret-right"></i>
<a href="https://www.udemy.com/ux-master-en-diseno-web-y-experiencia-de-usuario/" target="_blank">UX Master in Web Design and User Experience. Udemy</a>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Tools Section -->
<section class="page-section bg-primary text-white mb-0" id="tools">
<div class="container">
<!-- About Section Heading -->
<h2 class="page-section-heading text-center text-white">Tools</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-light">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Tools Section Content -->
<div class="row">
<!-- Tools Item 1 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/ai.webp" alt="Adobe Illustrator">
</div>
<p class="tools-item-text text-center">Adobe Illustrator - Advanced</p>
</div>
<!-- Tools Item 2 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/ps.webp" alt="Adobe Photoshop">
</div>
<p class="tools-item-text text-center">Adobe Photoshop - Advanced</p>
</div>
<!-- Tools Item 3 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/xd.webp" alt="Adobe XD">
</div>
<p class="tools-item-text text-center">Adobe XD - Medium</p>
</div>
<!-- Tools Item 4 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/ae.webp" alt="Adobe After Effects">
</div>
<p class="tools-item-text text-center">Adobe After Effects - Medium</p>
</div>
<!-- Tools Item 5 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/pr.webp" alt="Adobe Premiere">
</div>
<p class="tools-item-text text-center">Adobe Premiere - Medium</p>
</div>
<!-- Tools Item 6 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/sp.webp" alt="Adobe Spark">
</div>
<p class="tools-item-text text-center">Adobe Spark - Medium</p>
</div>
<!-- Tools Item 7 -->
<div class="col-md-4 col-lg-3">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/invision.webp" alt="Invision">
</div>
<p class="tools-item-text text-center">Invision - Medium</p>
</div>
<!-- Tools Item 8 -->
<div class="col-md-4 col-lg-3" data-toggle="tooltip">
<div class="portfolio-item mx-auto text-center">
<img class="img-fluid" src="img/tools/marvelapp.webp">
</div>
<p class="tools-item-text text-center">Marvel - Medium</p>
</div>
</div>
</div>
</section>
<!-- Contact Section -->
<section class="page-section" id="contact">
<div class="container">
<!-- Contact Section Heading -->
<h2 class="page-section-heading text-center text-secondary mb-0">Contact</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Contact Section Form -->
<div class="row">
<div class="col-lg-8 mx-auto">
<!-- To configure the contact form email address, go to mail/contact_me.php and update the email address in the PHP file on line 19. -->
<form name="sentMessage" id="contactForm" novalidate="novalidate">
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label>Name</label>
<input class="form-control" id="name" type="text" placeholder="Name" required="required" data-validation-required-message="Please, type your name">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label>Email</label>
<input class="form-control" id="email" type="email" placeholder="Email" required="required" data-validation-required-message="Please, type your email">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label>Phone number</label>
<input class="form-control" id="phone" type="tel" placeholder="Phone number" required="required" data-validation-required-message="Please, type your phone number">
<p class="help-block text-danger"></p>
</div>
</div>
<div class="control-group">
<div class="form-group floating-label-form-group controls mb-0 pb-2">
<label>Message</label>
<textarea class="form-control" id="message" rows="5" placeholder="Message" required="required" data-validation-required-message="Please, type your message"></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<br>
<div id="success"></div>
<div class="form-group">
<button type="submit" class="btn btn-primary btn-xl" id="sendMessageButton">Send</button>
</div>
</form>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer text-center">
<div class="container">
<div class="row">
<!-- Footer Location -->
<div class="col-lg-4 mb-5 mb-lg-0">
<h4 class="mb-4">Location</h4>
<p><a href="https://www.google.com/maps/place/Montevideo,+Departamento+de+Montevideo,+Uruguay/@-34.8210782,-56.3064783,12z/data=!3m1!4b1!4m5!3m4!1s0x959f80ffc63bf7d3:0x6b321b2e355bec99!8m2!3d-34.9011127!4d-56.1645314" target="_blank">Montevideo, Uruguay</a></p>
</div>
<!-- Footer Social Icons -->
<div class="col-lg-4 mb-5 mb-lg-0">
<h4 class="mb-4">On the web</h4>
<a class="btn btn-outline-light btn-social mx-1" href="https://www.instagram.com/valseville.design/" target="_blank">
<i class="fab fa-fw fa-instagram"></i>
</a>
<!-- <a class="btn btn-outline-light btn-social mx-1" href="https://dribbble.com/deryssevilla/" target="_blank">
<i class="fab fa-fw fa-dribbble"></i>
</a> -->
<a class="btn btn-outline-light btn-social mx-1" href="http://www.linkedin.com/in/deryssevilla/" target="_blank">
<i class="fab fa-fw fa-linkedin-in"></i>
</a>
<a class="btn btn-outline-light btn-social mx-1" href="https://www.behance.net/valseville/" target="_blank">
<i class="fab fa-fw fa-behance"></i>
</a>
</div>
<!-- Footer About Text -->
<div class="col-lg-4">
<h4 class="mb-4">Send me an email ;)</h4>
<p><a href="mailto:[email protected]">[email protected]</a></p>
</div>
</div>
</div>
</footer>
<!-- Copyright Section -->
<section class="copyright py-4 text-center text-white">
<div class="container">
<small>Copyright &copy; Val Seville 2021</small>
</div>
</section>
<!-- Scroll to Top Button (Only visible on small and extra-small screen sizes) -->
<div class="scroll-to-top d-lg-none position-fixed ">
<a class="js-scroll-trigger d-block text-center text-white rounded" href="#page-top">
<i class="fa fa-chevron-up"></i>
</a>
</div>
<!-- Portfolio Modals -->
<!-- Portfolio Modal 1 -->
<div class="portfolio-modal modal fade" id="portfolioModal1" tabindex="-1" role="dialog" aria-labelledby="portfolioModal1Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">Logofolio</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/logos.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Collection of logos design. Among the featured clients: Norte Chico, Optic Gear, Ser Cósmico, T Bone, Iridium, GMS, Es de Humanos, Albeiro Meyer and Utopia Glamping.</p>
<div class="row margin-bottom">
<div class="col-lg-4">
<a class="btn btn-primary" href="https://www.behance.net/gallery/80968887/Logofolio-Vol1" target="_blank"><i class="fab fa-fw fa-behance"></i> Part 1</a>
</div>
<div class="col-lg-4">
<a class="btn btn-primary" href="https://www.behance.net/gallery/80969039/Logofolio-Vol2" target="_blank"><i class="fab fa-fw fa-behance"></i> Part 2</a>
</div>
<div class="col-lg-4">
<a class="btn btn-primary" href="https://www.behance.net/gallery/80969121/Logofolio-Vol3" target="_blank"><i class="fab fa-fw fa-behance"></i> Part 3</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">
<i class="fas fa-times fa-fw"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 2 -->
<div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-labelledby="portfolioModal2Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">Ecologic Magazine "Nuestra Energía"</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/magazines.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Design of an ecological plan magazine for the Government of Chile.</p>
<div class="row margin-bottom">
<div class="col-lg-12">
<a class="btn btn-primary" href="https://www.behance.net/gallery/81980901/Revista-Ecologica-Chile" target="_blank"><i class="fab fa-fw fa-behance"></i> Behance</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">
<i class="fas fa-times fa-fw"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 3 -->
<div class="portfolio-modal modal fade" id="portfolioModal3" tabindex="-1" role="dialog" aria-labelledby="portfolioModal3Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">Social networks</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/social.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Collection of art design for social networks. Among the featured clients: Guti, Viajex and Albeiro Meyer.</p>
<div class="row margin-bottom">
<div class="col-lg-12">
<a class="btn btn-primary" href="https://www.behance.net/gallery/81754863/Social-Media-Design-Compilation" target="_blank"><i class="fab fa-fw fa-behance"></i> Behance</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 4 -->
<div class="portfolio-modal modal fade" id="portfolioModal4" tabindex="-1" role="dialog" aria-labelledby="portfolioModal4Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">Illustration</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/illustration.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Illustrations for different uses.</p>
<div class="row margin-bottom">
<div class="col-lg-12">
<a class="btn btn-primary" href="https://www.behance.net/gallery/44228643/Interstellar-Blue-Art" target="_blank"><i class="fab fa-fw fa-behance"></i> Behance</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">
<i class="fas fa-times fa-fw"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 5 -->
<div class="portfolio-modal modal fade" id="portfolioModal5" tabindex="-1" role="dialog" aria-labelledby="portfolioModal5Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">Corporate Identity</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/pop.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Collection of corporate identity design and branding.</p>
<div class="row margin-bottom">
<div class="col-lg-12">
<a class="btn btn-primary" href="https://www.behance.net/gallery/82856129/POP-Papeleria" target="_blank"><i class="fab fa-fw fa-behance"></i> Behance</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">
<i class="fas fa-times fa-fw"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Portfolio Modal 6 -->
<div class="portfolio-modal modal fade" id="portfolioModal6" tabindex="-1" role="dialog" aria-labelledby="portfolioModal6Label" aria-hidden="true">
<div class="modal-dialog modal-xl" role="document">
<div class="modal-content">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<i class="fas fa-times"></i>
</span>
</button>
<div class="modal-body text-center">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-8">
<!-- Portfolio Modal - Title -->
<h2 class="portfolio-modal-title text-secondary mb-0">UX/UI</h2>
<!-- Icon Divider -->
<div class="divider-custom divider-dark">
<div class="divider-custom-line"></div>
<div class="divider-custom-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<div class="divider-custom-line"></div>
</div>
<!-- Portfolio Modal - Image -->
<img class="img-fluid rounded mb-5" src="img/portfolio/uiux.webp" alt="">
<!-- Portfolio Modal - Text -->
<p class="mb-5">Collection of UX/UI designs.</p>
<div class="row margin-bottom">
<div class="col-lg-12">
<a class="btn btn-primary" href="https://www.behance.net/gallery/82822839/DailyUI" target="_blank"><i class="fab fa-fw fa-behance"></i> Behance</a>
</div>
</div>
<button class="btn btn-primary" href="#" data-dismiss="modal">
<i class="fas fa-times fa-fw"></i>
Close
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript -->
<script src="vendor/jquery/jquery.min.js"></script>
<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Plugin JavaScript -->
<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
<!-- Contact Form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>
<!-- Custom scripts for this template -->
<script src="js/freelancer.min.js"></script>
<!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//analytics.rogs.me/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '4']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
</body>
</html>