From 614abe04ff496fbe9819c3660b7b3f309e59f382 Mon Sep 17 00:00:00 2001 From: Alberto Rojas Date: Sat, 22 Oct 2022 12:10:29 -0300 Subject: [PATCH] adding Alberto's Portafolio --- template/alberto_rojas/app.js | 9 ++++ template/alberto_rojas/index.html | 76 +++++++++++++++++++++++++++++++ template/alberto_rojas/style.css | 26 +++++++++++ 3 files changed, 111 insertions(+) create mode 100644 template/alberto_rojas/app.js create mode 100644 template/alberto_rojas/index.html create mode 100644 template/alberto_rojas/style.css diff --git a/template/alberto_rojas/app.js b/template/alberto_rojas/app.js new file mode 100644 index 0000000..736041f --- /dev/null +++ b/template/alberto_rojas/app.js @@ -0,0 +1,9 @@ +$(function() { + $('body').on('click', 'a.scrollable', function(event) { + var $anchor = $(this); + $('html, body').stop().animate({ + scrollTop: $($anchor.attr('href')).offset().top + }, 1500, 'easeInOutExpo'); + event.preventDefault(); + }); + }); \ No newline at end of file diff --git a/template/alberto_rojas/index.html b/template/alberto_rojas/index.html new file mode 100644 index 0000000..d84a5cb --- /dev/null +++ b/template/alberto_rojas/index.html @@ -0,0 +1,76 @@ + + + + + + + + Document + + + + + +
+ + +
+

HOME

+
+
+

This example is a quick exercise to illustrate how the default, static and fixed to top navbar work. It includes the responsive CSS and HTML, so it also adapts to your viewport and device. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque, officiis cum, consequuntur repellat atque ducimus aspernatur, non fugit nisi praesentium voluptate libero nostrum. Id reiciendis, temporibus architecto earum odio debitis. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, inventore, natus. Labore accusamus, quibusdam, quos, adipisci quaerat placeat veniam consequatur explicabo eligendi sed corporis nemo nobis impedit rerum at aut. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque architecto aliquid iste, cum, ducimus hic nisi vero possimus perferendis delectus, obcaecati sequi animi placeat consectetur magni repellat quaerat et error!

+
+
+
+
+
+

PORTAFOLIO

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati doloribus non accusantium, voluptas odit saepe illo modi quaerat consequatur totam! Similique provident obcaecati, minima itaque fugiat sit ducimus commodi delectus! ipsum dolor sit amet, consectetur adipisicing elit. Adipisci magnam, porro, aliquam veniam vero officia, voluptatem doloremque, autem quidem modi magni. Similique inventore, fugiat odit earum autem nemo laborum esse. ipsum dolor sit amet, consectetur adipisicing elit. Ex consectetur praesentium atque at magnam eum, commodi nulla nobis fuga eaque enim nam, accusantium sequi perspiciatis, similique ad voluptas quia facere!

+
+
+ +
+
+ +
+
+
+
+ +
+
+ +
+
+
+
+

CONTACT

+
+ Nombre: +
+
+
+ + + + \ No newline at end of file diff --git a/template/alberto_rojas/style.css b/template/alberto_rojas/style.css new file mode 100644 index 0000000..a81dde6 --- /dev/null +++ b/template/alberto_rojas/style.css @@ -0,0 +1,26 @@ +.home-section{ + background-color:#ccc; + padding: 10px 15px 10px 15px; + border: 2px solid #939393; + } + .portafolio-section{ + background-color:#008fff; + color:white; + padding: 10px 15px 10px 15px; + border: 2px solid blue; + } + .head{ + background-color:#ffcccc; + } + .jumbotron { + margin-top: 60px; + background-color:#ffaaaa; + } + .presentation { + margin-top:30px; + line-height: 30px; + } + .second{ + background-image: url("http://www.planwallpaper.com/static/images/recycled_texture_background_by_sandeep_m-d6aeau9_PZ9chud.jpg"); + color:white; + } \ No newline at end of file