commit bc6d89e11f88c7df006cf769658f72439419206e Author: hussyvel Date: Thu May 4 20:11:33 2023 +0000 primeiro commit site diff --git a/css/style.css b/css/style.css new file mode 100644 index 0000000..cfa8332 --- /dev/null +++ b/css/style.css @@ -0,0 +1,199 @@ + +body { + color: #40514e; + margin: 0; + text-align: center; + font-family: verdana, sans-serif; + font-size: 20px; + + +} + +h1 { + margin: 50px auto 0 auto; + font-size: 5.625rem; + font-family: Verdana, sans-serif; + color: #66BFBF; + line-height:2; +} + +h2 { + color: #66BFBF; + font-family: Verdana, sans-serif; + font-size: 2.5rem; + font-weight: normal; + padding-bottom: 10px; + +} + +h3 { + font-family: Verdana, sans-serif; + font-size: 2.5rem; + color: #11999E; + +} + +p { + line-height: 2; +} + +hr { + border: dotted #eaf6f6 6px; + border-bottom: none; + width: 4%; + margin-bottom: 100px auto; +} + +a { + color: #11999E; +} + +.contact-message { + width: 40%; + margin: 50px auto 50px; +} + +.top-container { + background-color: #E4F9F5; + position: relative; + padding-top: 100px; +} + + +.middle-container { + margin-top: 100px; + margin-bottom: 100px; +} + + +.bottom-container { + background-color: #66BFBF; + padding: 50px 0 20px; + /* width: 100%; + padding-top: 100px; */ +} + +.skill-row { + width: 50%; + margin: 100px auto 100px auto; + text-align: left; + line-height: 2; +} + +.pro { + text-decoration: underline; +} + +.intro { + width: 30%; + margin: auto; +} + +a img { + position: relative; + bottom: 45px; +} + + +.top-cloud { + position: absolute; + right: 300px; + top: 40px; +} + +.bottom-cloud{ + position: absolute; + left: 250px; + bottom: 300px;; +} + +table { + width: 100%; + margin-bottom: .5em; + table-layout: fixed; + text-align: center; +} + +.footer-link { + color: #11999E; +} + + +.experience { + width: 25%; + float: right; + margin-left: 30px; + clear: right; +} + +.web-development { + width: 25%; + float: left; + margin-right: 30px; + clear: right; +} + +.certificate { + width: 25%; + float: right; + margin-right: 30px; + clear: right; +} + +.diplome { + width: 25%; + float: left; + margin-right: 30px; + clear: left; +} + + +.contact-me { + border-radius: 8; + /* color:#11cdd4; */ + margin-bottom: 100px; +} + +.btn { + background: #11cdd4; + background-image: -webkit-linear-gradient(top, #11cdd4, #11999e); + background-image: -moz-linear-gradient(top, #11cdd4, #11999e); + background-image: -ms-linear-gradient(top, #11cdd4, #11999e); + background-image: -o-linear-gradient(top, #11cdd4, #11999e); + background-image: linear-gradient(to bottom, #11cdd4, #11999e); + -webkit-border-radius: 8; + -moz-border-radius: 8; + border-radius: 8px; + text-shadow: 1px 1px 3px #666666; + font-family: Arial; + color: #ffffff; + font-size: 20px; + padding: 10px 20px 10px 20px; + text-decoration: none; + } + + .btn:hover { + background: #30e3cb; + background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad); + background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad); + text-decoration: none; + } + + .footer-link { + color: #11999E; + margin: 10px 20px; + text-decoration: none; + } + + .footer-link:hover { + color: #eaf6f6; + } + + .copyright { + color: #eaf6f6; + font-size: 0.75rem; + padding: 20px 0; + } diff --git a/img/books.png b/img/books.png new file mode 100644 index 0000000..a151dec Binary files /dev/null and b/img/books.png differ diff --git a/img/cloud.png b/img/cloud.png new file mode 100644 index 0000000..5710f78 Binary files /dev/null and b/img/cloud.png differ diff --git a/img/diploma-de-graduacao.png b/img/diploma-de-graduacao.png new file mode 100644 index 0000000..19b38d6 Binary files /dev/null and b/img/diploma-de-graduacao.png differ diff --git a/img/diploma.png b/img/diploma.png new file mode 100644 index 0000000..3521e3d Binary files /dev/null and b/img/diploma.png differ diff --git a/img/experiencia-de-trabalho.png b/img/experiencia-de-trabalho.png new file mode 100644 index 0000000..5af722d Binary files /dev/null and b/img/experiencia-de-trabalho.png differ diff --git a/img/mountain.png b/img/mountain.png new file mode 100644 index 0000000..e90d87b Binary files /dev/null and b/img/mountain.png differ diff --git a/img/oceano.png b/img/oceano.png new file mode 100644 index 0000000..a6d78bc Binary files /dev/null and b/img/oceano.png differ diff --git a/img/profil.jpg b/img/profil.jpg new file mode 100644 index 0000000..dbbfa3e Binary files /dev/null and b/img/profil.jpg differ diff --git a/img/web-development-code.png b/img/web-development-code.png new file mode 100644 index 0000000..70706cb Binary files /dev/null and b/img/web-development-code.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..bff9f50 --- /dev/null +++ b/index.html @@ -0,0 +1,99 @@ + + + + + Hussyvel Ribeiro da Silva + + + + + +
+
+ cloud-img +

I'm Hussyvel

+

a Software Engineer

+ cloud-img + mountain +
+
+
+
+
+
+ +
+
+ My profile +

Hi, welcome!!!

+

I'm a software engineer 馃捇, develop with Reactjs, Nodejs and Ruby on Rails. I like coffee, sandwiches, video games, singing, football and others...

+ Segunda p谩gina + Segundo site - subsite +
+
+ +
+
+ experience +

Professional Experience

+

Hi, my name is Hussyvel. Welcome to my profile. I have a generalist profile for programming languages, I have a Bachelor's Degree in Information Systems from FACIMP. I currently work with Nodejs, Java, javascript and Oracle plsql developer. My main tools are: Intellij and VSCode. I also develop with Reactjs and Ruby on Rails, I use Git for versioning, and my main operating system is Linux Ubuntu. I take online English courses like Duolingo, Seda College and LingQ. I read IT ebooks and study for various programming platforms like: Udemy, Freecodecamp, hackerrank, Alura and Github.

+
+
+
+ +
+
+
+
+
+
+

My Skills

+
+ web-development +

Design & Development

+

I'm a Software Engineer, working with Ruby on Rails, React, Nodejs, Linux, Windows,Github , Git, PLSQL and others. I have some projects on github and youtube channel.

+
+
+
+
+
+
+
+ books +

Certificate

+

I like to take programming courses in technologies: Javascript, Nodejs, Reactjs, Typescript, Ruby On Rails among others. I also like to improve skills with Linux, Git, Github. With Postgresql, Mysql, PLSQL and SQL Server study database.

+
+
+
+
+
+
+
+ diplome +

Diploma

+

Bachelor of Information Systems from FACIMP in 2014

+
+
+
+
+
+
+
+
+
+

Get In Touch

+

talk to me? no problems...

+

If you want to talk about work, opportunities or even conversations about technology and culture,
you can send me an email, or on social media.

+ CONTACT ME +
+
+ Linkedin + Twitter + Website + Whatsapp +

漏 2022 Hussyvel Ribeiro

+
+ +
+ + diff --git a/moreaboutme.html b/moreaboutme.html new file mode 100644 index 0000000..ea7a177 --- /dev/null +++ b/moreaboutme.html @@ -0,0 +1,72 @@ + + + + + + + About me + + + + +
+
+ cloud-img +

I'm Hussyvel

+

a Software Engineer

+ cloud-img + mountain +
+
+
+
+ experience +

Professional Experience

+

Durante minha experi锚ncia profissional recente, passei por algumas empresas que foram importantes para que eu me desenvolvesse ainda mais como profissional, + aqui est茫o um pouco mais sobre meu trabalho nessas empresas: +

+ P谩gina principal +
+ +
+
+
+

Philips

+
+ web-development +

At Philips

+

At Philips, I worked with code maintenance on frontend screens with Javascript. No backend used Java for analytics and business rules. As a database I used Oracle's PLSQL performing queries on the tables.At Philips, I worked with code maintenance on frontend screens with Javascript. No backend used Java for analytics and business rules. As a database I used Oracle's PLSQL performing queries on the tables. + Skills: Java 路 PL/SQL 路 Networking 路 AngularJS 路 Software Development 路 Node.js 路 JavaScript 路 Oracle Database 路 Object-Oriented Programming (OOP) 路 Databases 路 Front-End Development 路 GitHub 路 Git 路 English 路 Ingl锚s 路 TypeScript + Github , Git, PLSQL and others. I have some projects on github and youtube channel.

+
+ +
+

Mateus supermercados

+
+ web-development +

At Mateus supermercados

+

+ I work with c ++ language and the QT framework for the development / creation of screens. Use the SQL Server database for queries and procedures such as: creating tables, making inner joins, selects and various changes. I also use the GIT version system: I do git commit, git add, git pull, git push among others. I also work as a business analyst, understanding the idea and the emergence of the problem and trying to solve it with programming and / or support.I work with c ++ language and the QT framework for the development / creation of screens. Use the SQL Server database for queries and procedures such as: creating tables, making inner joins, selects and various changes. I also use the GIT version system: I do git commit, git add, git pull, git push among others. I also work as a business analyst, understanding the idea and the emergence of the problem and trying to solve it with programming and / or support. +Skills: C (Programming Language) 路 Software Development 路 Object-Oriented Programming (OOP) 路 Databases 路 Microsoft SQL Server 路 SQL + Github , Git, PLSQL and others. I have some projects on github and youtube channel.

+
+ +
+
+
+

Get In Touch

+

talk to me? no problems...

+

If you want to talk about work, opportunities or even conversations about technology and culture,
you can send me an email, or on social media.

+ CONTACT ME +
+
+ Linkedin + Twitter + Website + Whatsapp +

漏 2022 Hussyvel Ribeiro

+
+ +
+ + diff --git a/subsite/css/style.css b/subsite/css/style.css new file mode 100644 index 0000000..e6f1962 --- /dev/null +++ b/subsite/css/style.css @@ -0,0 +1,73 @@ +@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); + +* { + margin: 0 auto; + padding: 0; + box-sizing: border-box; + font-family: 'Open Sans', sans-serif; +} + +#menu-h { + background-color:rgb(41, 41, 43); +} + +#menu-h ul{ + max-width: 850px; + list-style:none; + padding: 0; + +} + +#menu-h ul li{ + display: inline; +} + +#menu-h ul li a{ + color: #fff; + text-decoration: none; + display: inline-block; + padding: 20px; + transition: .6s; +} + +#menu-h ul li a:hover{ + background-color:rgb(50, 112, 160); +} + +#menu-h ul li:last-child a { + float: right; + background-color:rgb(50, 112, 160); +} + +#about { + max-width: 800px; + padding: 60px; +} + +#about h2{ + line-height: 5; +} + +#form { + max-width: 800px; + line-height: 2; +} + +#form form{ + margin-top: 50px; +} + +#form h2{ + margin-top: 100px; +} + +#intro{ + max-width: 800px; + line-height: 3; + margin-top: 50px; + +} + +#intro h2 { + line-height: 80px; +} diff --git a/subsite/index.html b/subsite/index.html new file mode 100644 index 0000000..25ee26c --- /dev/null +++ b/subsite/index.html @@ -0,0 +1,30 @@ + + + + + + + Menu horizontal + + + + + +
+

Introdu莽茫o

+

Esta 茅 uma p谩gina desenvolvida para um exerc铆cio. Nela criei um + menu que vai para outras duas p谩ginas que est茫o localizadas em uma + subpasta do qual as chamei pela 芒ncora. +

+
+ + + diff --git a/subsite/subpasta/pagina2.html b/subsite/subpasta/pagina2.html new file mode 100644 index 0000000..b1e9699 --- /dev/null +++ b/subsite/subpasta/pagina2.html @@ -0,0 +1,56 @@ + + + + + + + Menu horizontal + + + + + +
+

Aboute me

+

Welcome to my profile. + I have a Bachelor's Degree in Information Systems from FACIMP. + I have 3 years experience as a programmer: +

+
+

+ Ruby on Rails + https://www.youtube.com/watch?v=V62AU2PT898 + https://github.com/hussyvel/to_do_list + https://github.com/hussyvel/ruby +

+
+

+ Nodejs + https://github.com/hussyvel/maratona-dev-hussyvel + https://github.com/hussyvel/Javascript +

+
+

+ HTML5, CSS3, JavaScript + https://github.com/hussyvel/Javascript + https://github.com/hussyvel/logic; + https://github.com/hussyvel/barbearia; +

+
+

+ Version Control: Git; +

+
+

+ S.O.: Linux Ubuntu and windows; +

+
+ + diff --git a/subsite/subpasta/pagina3.html b/subsite/subpasta/pagina3.html new file mode 100644 index 0000000..ff2d3bf --- /dev/null +++ b/subsite/subpasta/pagina3.html @@ -0,0 +1,35 @@ + + + + + + + Menu horizontal + + + + + +
+

Deseja entrar em contato comigo?

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