Skip to content
Open
1 change: 1 addition & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
# Totomaker3d
226 changes: 118 additions & 108 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">

<!-- Basic -->
Expand All @@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- Site Metas -->
<title>My CV</title>
<title>TotoMaker3d</title>
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="author" content="">
Expand All @@ -19,11 +19,11 @@
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css"> <!--hola-->
<!-- Site CSS -->
<link rel="stylesheet" href="style.css">
<!-- Responsive CSS -->
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/responsive.css"> <!-- dar -->
<!-- Custom CSS -->
<link rel="stylesheet" href="css/custom.css">
<script src="js/modernizr.js"></script> <!-- Modernizr -->
Expand Down Expand Up @@ -57,22 +57,22 @@
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav text-uppercase ml-auto">
<li class="nav-item">
<a class="nav-link js-scroll-trigger active" href="#home">Home</a>
<a class="nav-link js-scroll-trigger active" href="#home">Inicio</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About Me</a>
<a class="nav-link js-scroll-trigger" href="#about">ALGO DE MI</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#services">Services</a>
<a class="nav-link js-scroll-trigger" href="#portfolio">PROYECTOS</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#portfolio">Portfolio</a>
</li>
<a class="nav-link js-scroll-trigger" href="#services">SERVICIOS</a>
</li><!--
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#blog">Blog</a>
</li>
<a class="nav-link js-scroll-trigger" href="#blog">BLOG</a>
</li> -->
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#contact">Contect Us</a>
<a class="nav-link js-scroll-trigger" href="#contact">Contacto</a>
</li>
</ul>
</div>
Expand All @@ -81,14 +81,14 @@

<section id="home" class="main-banner parallaxie" style="background: url('uploads/banner-01.jpg')">
<div class="heading">
<h1>hello i'm Eduardo.</h1>
<h1>TOTOMAKER 3D</h1>
<p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, <br>sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."</p>
<h3 class="cd-headline clip is-full-width">
<span>I'm in the business of being </span>
<span>Estoy en el negocio de ser </span>
<span class="cd-words-wrapper">
<b class="is-visible">Web Developer</b>
<b>Web Design</b>
<b>Computer Support</b>
<b class="is-visible">Diseñador 3D</b>
<b>Artista 3D</b>
<b>Programador BackEnd</b>
<b>Otaku!</b>
</span>
</h3>
Expand Down Expand Up @@ -125,7 +125,7 @@ <h3 class="cd-headline clip is-full-width">
<div class="row">
<div class="col-md-6">
<div class="message-box">
<h2>About Eduardo.</h2>
<h2>Eduardo Díaz del Castillo</h2>
<p> Integer rutrum ligula eu dignissim laoreet. Pellentesque venenatis nibh sed tellus faucibus bibendum. Sed fermentum est vitae rhoncus molestie. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vitae rutrum neque. Ut id erat sit amet libero bibendum aliquam. Donec ac egestas libero, eu bibendum risus. Phasellus et congue justo. </p>
<p>Sed vitae rutrum neque. Ut id erat sit amet libero bibendum aliquam. Donec ac egestas libero, eu bibendum risus. Phasellus et congue justo.</p>

Expand All @@ -141,87 +141,20 @@ <h2>About Eduardo.</h2>
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->

<div id="services" class="section lb">
<div class="container">
<div class="section-title text-left">
<h3>Services</h3>
<p>Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.</p>
</div><!-- end title -->

<div class="row">
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-seo"></i>
</div>
<h2>Web Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-development"></i>
</div>
<h2>Responsive Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-process"></i>
</div>
<h2>Creative Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-discuss-issue"></i>
</div>
<h2>Support</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-idea"></i>
</div>
<h2>Web Idea</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-idea-1"></i>
</div>
<h2>Graphic Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->

<div id="portfolio" class="section lb">
<div class="container">
<div class="section-title text-left">
<h3>Portfolio</h3>
<h3>Proyectos</h3>
<p>Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.</p>
</div><!-- end title -->

<div class="gallery-menu row">
<div class="col-md-12">
<div class="button-group filter-button-group text-left">
<button class="active" data-filter="*">All</button>
<button data-filter=".gal_a">Web Development</button>
<button data-filter=".gal_b">Creative Design</button>
<button data-filter=".gal_c">Graphic Design</button>
<button class="active" data-filter="*">Todos</button>
<button data-filter=".gal_a">Letrero LED</button>
<button data-filter=".gal_b">Llaveros</button>
<button data-filter=".gal_c">Figuras</button>
</div>
</div>
</div>
Expand Down Expand Up @@ -284,14 +217,81 @@ <h3>Portfolio</h3>
</div>
</div>
</div>
<div id="services" class="section lb">
<div class="container">
<div class="section-title text-left">
<h3>Services</h3>
<p>Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.</p>
</div><!-- end title -->

<div class="row">
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-seo"></i>
</div>
<h2>Web Development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-development"></i>
</div>
<h2>Responsive Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-process"></i>
</div>
<h2>Creative Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-discuss-issue"></i>
</div>
<h2>Support</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-idea"></i>
</div>
<h2>Web Idea</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
<div class="col-md-4">
<div class="services-inner-box">
<div class="ser-icon">
<i class="flaticon-idea-1"></i>
</div>
<h2>Graphic Design</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div><!-- end col -->
</div><!-- end row -->
</div><!-- end container -->
</div><!-- end section -->




<!--
<div id="blog" class="section lb">
<div class="container">
<div class="section-title text-left">
<h3>Blog</h3>
<p>Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.</p>
</div><!-- end title -->
</div>

<div class="row">
<div class="col-md-4 col-sm-6 col-lg-4">
Expand Down Expand Up @@ -358,44 +358,54 @@ <h4>Quisque auctor lectus interdum nisl accumsan venenatis.</h4>

</div>
</div>

-->
<div id="contact" class="section db">
<div class="container">
<div class="section-title text-left">
<h3>Contact</h3>
<p>Quisque eget nisl id nulla sagittis auctor quis id. Aliquam quis vehicula enim, non aliquam risus.</p>
</div><!-- end title -->
<h3>Contacta Conmigo</h3>
<p><b>¿Tienes alguna pregunta?</b> Puedes ponerte en contacto conmigo a traves de nuestro fomulario de contacto, mis redes sociales o
contactame directamente a <u><a style="color:blue" href="mailto:totomaker3d@gmail.com?Subject=Estoy%20interesado%20en"> mi correo</u></a>.</p>

</div><!-- end title -->

<div class="row">
<div class="col-md-12">
<div class="contact_form">
<div id="message"></div>
<form id="contactForm" name="sentMessage" novalidate="novalidate">
<form action="https://formsubmit.co/2e1430e924691a4234845766d618a50f" method="post">
<input type="hidden" name="_next" value="https://ryu-ed.github.io/GeekWeb">
<input type="hidden" name="_subject" value="¡Hola Correo Nuevo!!">

<div class="row">
<div class="col-md-6">
<div class="form-group">
<input class="form-control" id="name" type="text" placeholder="Your Name" required="required" data-validation-required-message="Please enter your name.">



<input class="form-control" name="name" type="text" placeholder="Tu nombre" required="required">
<p class="help-block text-danger"></p>
</div>
<div class="form-group">
<input class="form-control" id="email" type="email" placeholder="Your Email" required="required" data-validation-required-message="Please enter your email address.">
<input class="form-control" name="email" type="email" placeholder="Tu correo" required="required" >
<p class="help-block text-danger"></p>
</div>

<div class="form-group">
<input class="form-control" id="phone" type="tel" placeholder="Your Phone" required="required" data-validation-required-message="Please enter your phone number.">
<input class="form-control" name="subject" type="subject" placeholder="Tu asunto" required="required" >
<p class="help-block text-danger"></p>
</div>
</div>

<div class="col-md-6">
<div class="form-group">
<textarea class="form-control" id="message" placeholder="Your Message" required="required" data-validation-required-message="Please enter a message."></textarea>
<textarea class="form-control" name= "message" id="message" placeholder="Tu mensaje" required="required"></textarea>
<p class="help-block text-danger"></p>
</div>
</div>
<div class="clearfix"></div>
<div class="col-lg-12 text-center">
<div id="success"></div>
<button id="sendMessageButton" class="sim-btn btn-hover-new" data-text="Send Message" type="submit">Send Message</button>
<button class="sim-btn btn-hover-new" data-text="Send Message" type="submit">Enviar Mensaje</button>
</div>
</div>
</form>
Expand All @@ -410,11 +420,11 @@ <h3>Contact</h3>
<div class="footer-distributed">
<div class="footer-left">
<p class="footer-links">
<a href="#">Home</a>
<a href="#">Blog</a>
<a href="#">Pricing</a>
<a href="#">About</a>
<a href="#">Faq</a>
<a href="https://www.instagram.com/totomaker3d/" target="_blank">Instagram</a>
<!-- <a href="#">Blog</a> -->
<a href="#">Tiktok</a>
<a target="_target" href="https://www.youtube.com/channel/UCwOK0brqV_LakUWm2o0lXzg">Youtube</a>
<a target="_blank" href="https://wa.me/50765634299">Whatsapp</a>
<a href="#">Contact</a>
</p>
<p class="footer-company-name">All Rights Reserved. &copy; 2020 Eduardo</p>
Expand All @@ -434,7 +444,7 @@ <h3>Contact</h3>
<script src="js/headline.js"></script>
<!-- Contact form JavaScript -->
<script src="js/jqBootstrapValidation.js"></script>
<script src="js/contact_me.js"></script>

<!-- ALL PLUGINS -->
<script src="js/custom.js"></script>
<script src="js/jquery.vide.js"></script>
Expand Down
Loading