<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" >
		<title>Oscar Barber | Digital Manager, Marketing, Designer, Teacher & Entrepreneur from Menorca</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Personal site of Oscar Barber, Digital Marketing Manager & Designer from Menorca, Spain. Entrepreneur & Founder of Pedales.cc and other cool projects. Hospitality Industry & Tourism Marketing Professor."/>
        <meta name="keywords" content=""/>
		<link rel="icon" href="i/favicon.png" type="image/x-icon">
		<!-- Google Fonts -->
		<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@100;200;300;400;500;600;700;800;900&family=Karla:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css2?family=Ramaraja&display=swap" rel="stylesheet">
		<!-- Bootstrap 4.5.2 CSS -->
		<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
		<!-- Slick 1.8.1 jQuery plugin CSS (Sliders) -->
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
		<!-- Fancybox 3 jQuery plugin CSS (Open images and video in popup) -->
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
		<!-- AOS 2.3.4 jQuery plugin CSS (Animations) -->
		<link href="https://unpkg.com/aos@2.3.4/dist/aos.css" rel="stylesheet">
		<!-- FontAwesome CSS -->
		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
		<!-- Startup CSS (Styles for all blocks) - Remove ".min" if you would edit a css code -->
		<link href="css/style.min.css" rel="stylesheet" />
		<!-- jQuery 3.5.1 -->
		<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
        
        <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
        
        <!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111682-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-111682-1');
</script>

	</head> 
	<body>
<!-- Navigation 7 -->
        <nav class="lh-40 text-center navigation_7 pt-10 pb-10 bg-white">
	<!--<nav class="lh-40 text-center navigation_7 pt-10 pb-10 bg-white sticky-top">-->
            
		<div class="container px-xl-0">
			<div class="row align-items-center justify-content-between">
				<div class="mt-10 mt-md-0 col-md-4 text-md-left order-2 order-md-0" data-aos="fade-down" data-aos-delay="250">
				</div>
				<div class="col-md-3 order-0">
						<a href="/"><img src="i/logofooter.png" srcset="i/logofooter@2x.png 2x"  alt="Logo" class="img-fluid m-10" data-aos="fade-down" data-aos-delay="0">
					</a>
				</div>
				<div class="col-md-4 text-md-right order-1 order-md-0" data-aos="fade-down" data-aos-delay="250">
					<a href="#" class="link color-main d-none">
						Sign In
					</a>
					<a href="#" class="link ml-20 color-main d-none">
						Sign Up
					</a>
				</div>
                
			</div>
		</div>
	</nav>
        
	<!-- Navigation Mobile type 2 -->
		<a class="open_menu color-main bg-light radius_full">
			<i class="fas fa-bars lh-40">
			</i>
		</a>
		<div class="navigation_mobile bg-light type2">
			<a class="close_menu color-main">
				<i class="fas fa-times">
				</i>
			</a>
			<div class="px-40 pt-60 pb-60 text-center inner">
				<div>
					<a href="#aboutme" class="f-heading f-22 link color-main mb-20">
						About me
					</a>
				</div>
				<div>
					<a href="#work" class="f-heading f-22 link color-main mb-20">
						Work
					</a>
				</div>
				<div>
					<a href="#projects" class="f-heading f-22 link color-main mb-20">
						Projects
					</a>
				</div>
				<div>
					<a href="#contact" class="f-heading f-22 link color-main mb-20">
						Contact
					</a>
				</div>
				<div>
					<a href="#follow" class="f-heading f-22 link color-main mb-20">
						Follow me
					</a>
				</div>
				<!--<div>
					<a href="#" class="f-heading f-22 link color-main mb-20">
						Team
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						Help
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						F.A.Q.
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						Support
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						About Us
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						Blog
					</a>
				</div>
				<div>
					<a href="#" class="f-12 link color-main op-7 text-uppercase sp-20 mb-20">
						Careers
					</a>
				</div>-->
				<div class="socials mt-60">
                    <a href="https://www.instagram.com/oscarbarber" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-instagram">
						</i>
					</a>
					<a href="https://www.linkedin.com/in/oscarbarber/" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-linkedin">
						</i>
					</a>
					<a href="https://twitter.com/oscarbarber" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-twitter">
						</i>
					</a>
					<!--<a href="#" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-dribbble">
						</i>
					</a>
					<a href="#" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-instagram">
						</i>
					</a>
					<a href="#" target="_blank" class="link color-main f-18 mx-10">
						<i class="fab fa-behance">
						</i>
					</a>-->
				</div>
			</div>
		</div>
		<!-- Header 20 -->
      

			<header class="header_20 bg-dark pt-70 pb-70">
				<nav class="header_menu_20 pt-20">
					<div class="container px-xl-0">
						<div class="row justify-content-center">
							<div class="col-xl-10">
								<div class="d-flex justify-content-end">
									<div class="dropdown">
										<a href="#" class="link color-white lh-40" id="header_menu_20_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											<i class="fas fa-bars">
											</i>
										</a>
										<div class="bg-dark dropdown-menu dropdown-menu-right text-right lh-40" aria-labelledby="header_menu_20_dropdown">
											<div>
												<a href="#aboutme" class="link color-white">
													About me
												</a>
											</div>
											<div>
												<a href="#work" class="link color-white">
													Work
												</a>
											</div>
											<div>
												<a href="#projects" class="link color-white">
													Projects
												</a>
											</div>
                                            <div>
												<a href="#contact" class="link color-white">
													Contact
												</a>
											</div>
                                            <div>
												<a href="#follow" class="link color-white">
													Follow me
												</a>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</nav>
				<div class="container px-xl-0 color-white">
					<div class="row justify-content-center">
						<div class="col-lg-10">
							<div class="row justify-content-center justify-content-sm-between align-items-center text-center text-sm-left">
								<div class="col-xl-1">
								</div>
								<div class="col-xl-5 col-sm-5 col-5" data-aos="fade-down" data-aos-delay="1000">
                                    <!--<div class="col-xl-5 col-sm-4 col-4" data-aos="fade-down" data-aos-delay="1000">-->
									<img src="i/foto-oscar-header.png" srcset="i/foto-oscar-header@2x.png 2x" alt="" class="img-fluid img pt-20">
								</div>
								<div class="col-xl-6 col-sm-7">
									<h1 class="mt-10 big color-white regular" data-aos="fade-down" data-aos-delay="250">
										Oscar Barber
									</h1>
									<div class="row" data-aos="fade-down" data-aos-delay="500">
										<div class="col-lg-10 mb-15 f-22 op-8 text-adaptive mt-30">
											<div class="color-white">
												Digital Manager & Designer, Marketing, Entrepreneur & Teacher.<br>
Founder of @Pedales.cc<br>
Proud daddy & island life lover from Menorca, Balearic Islands, Spain.
											</div>
										</div>
									</div>
									<span data-aos="fade-down" data-aos-delay="750">
										<a href="#aboutme" class="btn lg border-white mt-30">
											Discover More
										</a>
									</span>
								</div>
							</div>
                            
                           <!--marcar anchor inferior per tema header sticky--> 
                            <div id="aboutme"></div>
                            
						</div>
					</div>
				</div>
			</header>
            
    
			<!-- Content 16 -->
    
				<section class="pt-95 pb-85 color-white content_16 bg-light">
					<div class="container px-xl-0">
						<div class="row align-items-center">
							<div class="col-lg-1">
							</div>
							<div class="col-xl-2 col-md-3 col-sm-3">
								<img src="i/memojihandup.png" srcset="i/memojihandup@2x.png 2x" alt="" class="img-fluid" data-aos="fade-down" data-aos-delay="0">
							</div>
							<div class="col-xl-7 col-lg-8 col-md-9 mt-4 mt-md-0">
								<h2 class="pl-15 small color-main regular" data-aos="fade-down" data-aos-delay="250">
Do what you love & Do it often.								</h2>
								<div class="mt-15 pl-15 f-18 medium op-9 text-adaptive color-heading" data-aos="fade-down" data-aos-delay="500">
									Passionate about design, the digital world, the web and user experience to solve problems in the best possible way for the client and the company. A goal-getter. 
                                    Creative mind, tireless worker and with a large dose of self-learning and continuous training with more than 20 years of experience in the online and marketing world. Former freelance web & UI designer.  <br><br>Good vibes. Road cycling soul, runner, triathlete & yogi wannabe.  
								</div>
							</div>
						</div>
					</div>
				</section>
        
				<!-- Feature 44 -->
        <div id="work">

					<section class="pt-100 text-center text-md-left feature_44 bg-white">
						<div class="container px-xl-0">
							<div class="row align-items-center align-items-lg-start">
								<div class="col-xl-1">
								</div>
								<div class="col-lg-5 col-md-7" data-aos="fade-down" data-aos-delay="0">
									<h2 class="mt-20 mb-30 small regular">
										Digital Manager 
										<br>& Marketing
									</h2>
                                    <div class="f-16 color-heading bold text-uppercase sp-20 mb-10 " data-aos="fade-down" data-aos-delay="0">
											- ARTIEM Hotels
										</div>
									<div class="f-18 color-heading text-adaptive">
										Creative, co-strategist and executor hands of digital actions from digital marketing with the web environment and email marketing as a base with the rest of the team. <br>Relationships and user experience between customers and the company, seeking to optimise direct sales and the loyalty and growth of the brand's engagement with its customers.
									</div>
									<a href="https://www.artiemhotels.com" class="btn mt-30 color-main border-action-2">
										artiemhotels.com
									</a>
								</div>
								<div class="col-md-1">
								</div>
								<div class="col-lg-5 col-md-4" data-aos="fade-down" data-aos-delay="250">
									<img src="i/telefon.png" srcset="i/telefon@2x.png 2x" alt="" class="img">
								</div>
							</div>
							<div class="mt-75 row justify-content-center justify-content-md-between align-items-end align-items-lg-start flex-row-reverse row2">
								<div class="col-xl-1">
								</div>
								<div class="col-lg-5 col-md-6 pb-60 pb-lg-0 inner2" data-aos="fade-down" data-aos-delay="0">
									<h2 class="mt-55 mb-30 small regular">
										Tourism Marketing 
										<br>& Digital Marketing Professor
									</h2>
                                    <div class="f-16 color-heading bold text-uppercase sp-20 mb-10 " data-aos="fade-down" data-aos-delay="0">
											- Escuela de Turismo de Baleares
										</div>
									<div class="f-18 color-heading text-adaptive">
                                        Communicating, sharing and training students in the industry is a source of joy for me. If you are looking for a teacher for a Master or Business School, please write to me. I will be happy to read and collaborate with you. 
									</div>
									<a href="#contact" class="btn mt-30 color-main border-action-1">
										Drop Me a Line
									</a>
								</div>
								<div class="col-md-1">
								</div>
								<div class="col-xl-4 col-lg-5 col-md-5 col-sm-6 col-8" data-aos="fade-down" data-aos-delay="250">
									<img src="i/smily0.png" srcset="i/smily0@2x.png 2x" alt="" class="img img-fluid ">
								</div>
								<div class="col-xl-1">
								</div>
							</div>
						</div>
					</section>
					<!-- Content 1 -->
            <div id="projects">
						<section class="pt-80 pb-80 bg-light content_1">
							<div class="container px-xl-0">
								<div class="row justify-content-center">
									<div class="col-xl-7 col-lg-10 text-center">
										<div class="f-14 color-heading semibold text-uppercase sp-20" data-aos="fade-down" data-aos-delay="0">
											Entrepreneur
										</div>
										<h2 class="mt-25 regular" data-aos="fade-down" data-aos-delay="250">
											Personal & side projects as a playground.
										</h2>
									</div>
								</div>
							</div>
						</section>
    </div>
						<!-- Blog 16 -->
        

							<section class="pt-50 pb-200 bg-light blog_16">
								<div class="container px-xl-0">
									<div class="row justify-content-between">
										<a href="#" class="link img_link mb-50 mb-lg-0 col-12 col-lg-6 d-flex justify-content-center relative">
											<img src="i/esferalogo.png" srcset="i/esferalogo@2x.png 2x" alt="" class="radius0 w-full" data-aos="fade-down" data-aos-delay="0">
											<img src="i/cycling.png" srcset="i/cycling@2x.png 2x" alt="" class="col-lg-10 px-0 absolute radius0 img-block" data-aos="fade-down" data-aos-delay="250">
										</a>
										<div class="col-12 col-lg-6 col-xl-6 pl-xl-0 d-flex justify-content-xl-end relative">
											<div class="col-xl-10 px-0">
												<h3 class="mb-30 text-adaptive regular" data-aos="fade-down" data-aos-delay="500">
													Pedales.cc
												</h3>
                                        
                                                <div class="f-18 mb-30 text-adaptive">
                                                    <div class="f-16 text-uppercase semibold color-heading;" data-aos="fade-down" data-aos-delay="0">
Founder of Pedales.cc															</div>
                                                    
                            									<div class="f-18 mb-30 color-heading text-adaptive">
                        
                                                    Pedales.cc is a project born in Menorca during the lockdown in the spring of 2020.
                                                    </div>
                                                    
														<div class="f-16 text-uppercase semibold color-heading p-10 mt-20;" data-aos="fade-down" data-aos-delay="0">
Global Cycling Community																</div>
                                                    <div class="f-18 mb-30 color-heading text-adaptive">
                                                    
                                                        Pedales.cc was born with a clear objective to create a community united by the passion for cycling and to inspire by sharing the best pictures of the community.</div>

<div class="f-16 text-uppercase semibold color-heading p-10 mt-20;" data-aos="fade-down" data-aos-delay="0">
INSPIRATION																</div>
                                                    <div class="f-18 mb-30 color-heading text-adaptive">
                                                        As lovers of cycling we are passionate about the images, moments and situations that each of us lives on two wheels. Inspire others with your photos.</div>
													</div>
												<a href="https://instagram.com/pedales.cc" class="mb-40 btn color-main border-action-1 f-16 sm" data-aos="fade-down" data-aos-delay="500">
													Discover Pedales.cc
												</a>
												<div class="row" data-aos="fade-down" data-aos-delay="750">
													<div class="mb-15 col-sm-5 col-lg-12 col-xl-5 d-flex">
														<a href="https://instagram.com/pedales.cc" class="link img_link">
															<img src="i/pedalescclogo.png" srcset="i/pedalescclogo@2x.png 2x" alt="" class="mr-20 h-60 w-60 radius_full flex-shrink-0">
														</a>
														<div class="medium">
															<a href="https://instagram.com/pedales.cc" class="mb-1 link color-main f-20">
																@pedales.cc
															</a>
															<!--<div class="color-heading f-14">
																Global Cycling Community
															</div>-->
														</div>
													</div>
													<div class="col-sm-7 col-lg-12 col-xl-7 color-heading f-18 text-adaptive">
														It’s not about being the fastest or the strongest.
It’s about being UNITED. Join us!


													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</section>
    </div>
							<!-- Content 1 -->
								<section class="pt-80 pb-80 content_1 bg-white">
									<div class="container px-xl-0">
										<div class="row justify-content-center">
											<div class="col-xl-7 col-lg-10 text-center">
												<div class="f-14 color-heading semibold text-uppercase sp-20" data-aos="fade-down" data-aos-delay="0">
													DISCOVER MORE ABOUT ME
												</div>
												<h2 class="mt-25 regular" data-aos="fade-down" data-aos-delay="250">
													Life is short, live your dream & share your passion.
												</h2>
											</div>
										</div>
									</div>
								</section>
								<!-- Content 23 -->
									<section class="pt-100 pb-70 content_23 bg-white">
										<div class="container px-xl-0">
											<div class="row text-center">
												<div class="col-sm-4">
                                            
													<a href="https://www.instagram.com/p/CCncdy9qxR3/" target=”_blank” class="link img_link"><img src="i/pns.png" srcset="i/pns@2x.png 2x" alt="" class="img-fluid radius10 mb-30" data-aos="fade-down" data-aos-delay="0"></a>
                                                    <a href="https://www.instagram.com/p/CC5Ym4lqWf9/" target=”_blank” class="link img_link">
                                                        <img src="i/manillar.png" srcset="i/manillar@2x.png 2x" alt="" class="img-fluid radius10 mb-30" data-aos="fade-down" data-aos-delay="0"></a>
												</div>
												<div class="col-sm-4">
                                                    <a href="https://www.instagram.com/p/CFWfwEGqrdx/" target=”_blank” class="link img_link"><img src="i/barca.png" srcset="i/barca@2x.png 2x" alt="" class="img-fluid radius10 mb-30" data-aos="fade-down" data-aos-delay="250"></a>
                                                    <a href="https://www.instagram.com/p/B1L1bq4I3Ix/" target=”_blank” class="link img_link">
                                                        <img src="i/kids.png" srcset="i/kids@2x.png 2x" alt="" class="img-fluid radius10 mb-30" data-aos="fade-down" data-aos-delay="250"></a>
												</div>
												<div class="col-sm-4">
                                                    <a href="https://www.instagram.com/p/B3SFGm9IqIG/" target=”_blank” class="link img_link"><img src="i/yay.png" srcset="i/yay@2x.png 2x" alt="" class="img-fluid radius10 mb-30" data-aos="fade-down" data-aos-delay="500"></a>
                                                    <a href="https://www.instagram.com/p/CDgI-vFKeES/" target=”_blank” class="link img_link"><img src="i/pinkbike.png" srcset="i/venezia@2x.png 2x" alt="" class="img-fluid radius10" data-aos="fade-down" data-aos-delay="500"></a>
												</div>
											</div>
										</div>
                                        <div id="follow"></div>
									</section>
									<!-- Call to action 17 -->
        

										<section class="pt-85 pb-95 text-center call_to_action_17 bg-white">
											<div class="container px-xl-0">
												<h2 class="mb-30 small regular" data-aos="fade-down" data-aos-delay="0">
													Follow Me
												</h2>
												<div class="f-48 buttons" data-aos="fade-down" data-aos-delay="250">
                                                    <a href="https://www.instagram.com/oscarbarber" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-instagram">
														</i>
													</a>
                                                    <a href="https://www.linkedin.com/in/oscarbarber/" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-linkedin">
                                                            	</i>
													</a>
													
													<a href="https://www.twitter.com/oscarbarber" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-twitter">
														</i>
													</a>
													<!--<a href="#" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-facebook-square">
														</i>
													</a>-->
													
													
													<!--<a href="#" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-behance">
														</i>
													</a>-->
													<!--<a href="#" class="w-50 link color-main mx-20 mb-20 mb-md-0" target="_blank">
														<i class="fab fa-dribbble">
														</i>
													</a>-->
												</div>
											</div>
										</section>
										<!-- Contact 5 -->
                <div id="contact">

											<section class="pt-105 pb-100 contact_5 bg-light">
												<div class="container px-xl-0">
													<div class="row">
														<div class="col-xl-1">
														</div>
														<div class="col-xl-7 col-lg-9">
															<h2 class="small regular" data-aos="fade-down" data-aos-delay="0">
																I'd Love to Hear from You
															</h2>
															<div class="mt-25 mb-25 f-22 color-heading text-adaptive" data-aos="fade-down" data-aos-delay="250">
																Send me your message with your ideas or requests and I will get back to you shortly. <i>Merci!</i>
															</div>
															<!-- <div data-aos="fade-down" data-aos-delay="250">
																<a href="tel:+15555055050" class="link color-main d-flex align-items-baseline">
																	<i class="fas fa-phone fa-flip-horizontal w-30 flex-shrink-0 f-14 text-right action-2">
																	</i>
																	<div>
																		Call sales at +1 555 505 5050
																	</div>
																</a>
															</div>-->
														</div>
													</div>
													<div class="mt-40 row">
														<div class="col-xl-1">
														</div>
														<div class="col-xl-8 col-lg-9">
															<form action="form-handler.php" method="post">
																<div class="row">
																	<div class="col-sm-6" data-aos="fade-down" data-aos-delay="0">
																		<input type="text" name="name" placeholder="Full name" required="required" class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading">
																	</div>
																	<div class="col-sm-6" data-aos="fade-down" data-aos-delay="500">
																		<input type="email" name="email" placeholder="Your email" required="required" class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading">
																	</div>
																</div>
																<div class="row justify-content-between">
																	<div class="col-md-4 pr-md-0 col-sm-6" data-aos="fade-down" data-aos-delay="250">
																		<input type="text" name="phone" placeholder="Your phone" required="required" class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading">
																	</div>
                                                                    <div class="col-md-4 pr-md-0 col-sm-6" data-aos="fade-down" data-aos-delay="250">
																		<input type="text" name="company" placeholder="Company name" required="required" class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading">
																	</div>
																	<div class="col-md-3 px-md-0 col-sm-6" data-aos="fade-down" data-aos-delay="500">
																		<select class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading" name="budget" required="required">
																			<option disabled="disabled" selected="selected">
																				About
																			</option>
																			<option>
																				Collaborate
																			</option>
																			<option>
																				Personal Message
																			</option>
                                                                            <option>
																				Other
																			</option>
																		</select>
																	</div>
																	<!--<div class="col-md-4 pl-md-0" data-aos="fade-down" data-aos-delay="750">
																		<select class="input mb-30 w-full border-gray focus-action-1 color-heading placeholder-heading" name="company_size" required="required">
																			<option disabled="disabled" selected="selected">
																				Company Size
																			</option>
																			<option>
																				1-5 people
																			</option>
																			<option>
																				5-15 people
																			</option>
																			<option>
																				more than 15 people
																			</option>
																		</select>
																	</div>-->
																</div>
																<div data-aos="fade-down" data-aos-delay="0">
                                                                    
																	<textarea name="message" placeholder="Your message" required="required" class="input mb-30 w-full radius10 border-gray focus-action-1 color-heading placeholder-heading">
																	</textarea>
																</div>
                                                                
                                                                <!--<span class="input-control-label">
																			Some checkbox text
																		</span>-->
														<label class="input-control input-check checked-action-1 border-gray">
																			
                                                            
                                                            <input type="checkbox" name="rules" class="d-none border-action-3 focus-action-1" id="contact_4_checkbox" unchecked required/>
                                                            
                                                            
																		<input type="checkbox" name="unnamed-checkbox">			
																		<div class="mr-10 input-control-box radius6">
																							
																			<i class="fas fa-check input-control-icon f-12 color-white">
																			</i>
																						
																		</div>
																					
																		I accept the Privacy Policy
																				
																	</label>						
                                                                
                                                                
							

						
																<div class="text-sm-right" data-aos="fade-down" data-aos-delay="0">
																	<button class="btn size60 lg action-1">
																		Send a Message
																	</button>
																</div>
                                                                <div class="f-12 text-adaptive mt-20">
                         <div class="color-heading">Privacy Policy
                    <ol><li>Responsible for the data: Oscar Barber</li>
<li>Purpose of the data: Professional response and contact based on specific client projects or assignments. Also personal messages.
</li>
<li>Data storage: Database hosted by Google (Gmail).</li>
<li>Rights: At any time you can 
<a href="mailto:oscarbarber@gmail.com" class="link color-main ">limit, retrieve and delete your information</a> by email.</li></ol></div>
                    </div>
                                                                
                                                                
                                                                
                                                               
                                                                
															</form>
														</div>
														<div class="mt-30 mt-xl-0 col-xl-3 col-lg-4">
															<div class="mb-10 f-22 title" data-aos="fade-down" data-aos-delay="500">
																Namaste
															</div>
															<div class="color-heading text-adaptive" data-aos="fade-down" data-aos-delay="500">
																Thank you for writing these lines.
                                                                <img src="i/memojigrateful.png" srcset="i/memojigrateful@2x.png 2x" alt="Logo" class="img-fluid" data-aos="fade-down" data-aos-delay="0">
															</div>
                                                            
														</div>
													</div>
												</div>
											</section>
            </div>
											<!-- Content 28 -->
												<section class="pt-100 pb-70 content_28 bg-gray">
													<div class="container px-xl-0 text-center">
														<div class="row justify-content-center">
															<div class="col-lg-9">
																<div class="f-14 text-uppercase semibold color-heading sp-20" data-aos="fade-down" data-aos-delay="0">
																	ISLAND LIFE LOVER
																</div>
																<h2 class="mt-15 mb-45 small" data-aos="fade-down" data-aos-delay="0">
                                                                    Happily based and native of <br>Menorca, Balearic Islands.
																	
																</h2>
															</div>
														</div>
														<div class="row align-items-center justify-content-center no-gutters">
															<!--<div class="col-md-2 col-sm-4 col-6 mb-30">
																 <img src="i/content_28_logo_1.png" srcset="i/content_28_logo_1@2x.png 2x" alt="" data-aos="fade-down" data-aos-delay="0">
															</div>
															<div class="col-md-2 col-sm-4 col-6 mb-30">
																<img src="i/content_28_logo_2.png" srcset="i/content_28_logo_2@2x.png 2x" alt="" data-aos="fade-down" data-aos-delay="0">
															</div>
															<div class="col-md-2 col-sm-4 col-6 mb-30">
																<img src="i/content_28_logo_3.png" srcset="i/content_28_logo_3@2x.png 2x" alt="" data-aos="fade-down" data-aos-delay="250">
															</div>
															<div class="col-md-2 col-sm-4 col-6 mb-30">
																<img src="i/content_28_logo_4.png" srcset="i/content_28_logo_4@2x.png 2x" alt="" data-aos="fade-down" data-aos-delay="250">
															</div>-->
															<div class="col-md-2 col-sm-4 col-6 mb-30">
																<img src="i/fingersoscar.png" srcset="i/fingersoscar@2x.png 2x" alt="" data-aos="fade-down" data-aos-delay="500">
                                                                
															</div>
														</div>
													</div>
												</section>
												<!-- Footer 7 -->
													<footer class="lh-40 text-center footer_7 bg-dark pb-40 pt-40 color-white">
														<div class="container px-xl-0">
															<div class="row justify-content-center align-items-center">
																<div class="col-lg-5 col-md-auto text-md-right text-lg-left order-2 order-lg-1" data-aos="fade-down" data-aos-delay="250">
																	<a href="/" class="link f-14 semibold text-uppercase sp-20 color-white mr-15">
																		Top
																	</a>
                                                                    <a href="#aboutme" class="link f-14 semibold text-uppercase sp-20 color-white mr-15">
																		About me
																	</a>
																	<a href="#work" class="link f-14 semibold text-uppercase sp-20 color-white mx-15">
																		Work
																	</a>
																	<a href="#projects" class="link f-14 semibold text-uppercase sp-20 color-white ml-15">
																		Projects
																	</a>
                                                                    <a href="#contact" class="link f-14 semibold text-uppercase sp-20 color-white ml-15">
																		Contact
																	</a>
																</div>
																<div class="mb-20 mb-lg-0 col-lg-2 order-0 order-lg-1">
																	<a href="/" class="link img_link">
																		<img src="i/logofooter.png" srcset="i/logofooter@2x.png 2x" alt="Logo" class="img-fluid" data-aos="fade-down" data-aos-delay="0">
																	</a>
																</div>
																<div class="col-lg-5 col-md-auto text-md-left text-lg-right order-1 order-lg-2" data-aos="fade-down" data-aos-delay="250">
																	
																	<a href="#follow" class="link f-14 semibold text-uppercase sp-20 color-white mx-15">
																		Follow me
																	</a>
																	<!--<span class="socials">
																		<a href="#" class="f-18 semibold text-uppercase sp-20 link color-white mx-15">
																			<i class="fab fa-linkedin">
																			</i>
																		</a>
																		<a href="#" class="f-18 semibold text-uppercase sp-20 link color-white mx-15 mr-lg-0">
																			<i class="fab fa-instagram">
																			</i>
																		</a>
																	</span>-->
                                                                    <span class="f-14  text-uppercase sp-20 color-white mx-15 mr-lg-0">© 2021 Oscar Barber</span>
																</div>
															</div>
														</div>
                                                        
													</footer>
		<!-- forms alerts -->
		<div class="alert alert-success alert-dismissible fixed-top alert-form-success" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			Thanks for your message!
		</div>
		<div class="alert alert-warning alert-dismissible fixed-top alert-form-check-fields" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			Please, fill in required fields.
		</div>
		<div class="alert alert-danger alert-dismissible fixed-top alert-form-error" role="alert">
			<button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
			<div class="message">An error occurred while sending data :( Please, check if your hosting supports PHP and check how to set form data sending <a href="https://designmodo.com/startup/documentation/#form-handler" target="_blank" class="link color-transparent-white">here</a>.</div>
		</div>

		<!-- gReCaptcha popup (uncomment if you need a recaptcha integration) -->
		
		<div class="bg-dark op-8 grecaptcha-overlay"></div>
		<div class="bg-light radius10 w-350 h-120 px-20 pt-20 pb-20 grecaptcha-popup">
			<div class="w-full h-full d-flex justify-content-center align-items-center">
				<div id="g-recaptcha" data-sitekey="6LcVFIccAAAAAL3CgvtoVZVOSGhuu_ptcvCoqT_U"></div>
			</div>
		</div>
		<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>
		
		<!-- Bootstrap 4.5.2 JS -->
		<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
		<!-- Fancybox 3 jQuery plugin JS (Open images and video in popup) -->
		<script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script>
		<!-- 
			Google maps JS API 
			Don't forget to replace the key "AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U" to your own! 
			Learn how to get a key: https://help.designmodo.com/article/startup-google-maps-api/ 
		-->
		<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&key=AIzaSyDP6Ex5S03nvKZJZSvGXsEAi3X_tFkua4U"></script>
		<!-- Slick 1.8.1 jQuery plugin JS (Sliders) -->
		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
		<!-- AOS 2.3.4 jQuery plugin JS (Animations) -->
		<script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script>
		<!-- Maskedinput jQuery plugin JS (Masks for input fields) -->
		<script src="js/jquery.maskedinput.min.js"></script>
		<!-- Startup JS (Custom js for all blocks) -->
		<script src="js/script.js"></script>
        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
        
        <script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
<script>
window.cookieconsent.initialise({
  "palette": {
    "popup": {
      "background": "#e3d4ca",
      "text": "#404040"
    },
    "button": {
      "background": "#F9A479",
      "text": "#ffffff"
    }
  },
  "content": {
    "message": "By continuing to browse this website, you agree to use analytical (yummy) cookies to collect website visit statistics.",
    "dismiss": "Okay"
  }
});
        </script>
	</body>
</html>