diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/images/API.png b/images/API.png new file mode 100644 index 000000000..adfa036c4 Binary files /dev/null and b/images/API.png differ diff --git a/images/Family.png b/images/Family.png new file mode 100644 index 000000000..73901ba57 Binary files /dev/null and b/images/Family.png differ diff --git a/images/OOP.png b/images/OOP.png new file mode 100644 index 000000000..b3becbf5f Binary files /dev/null and b/images/OOP.png differ diff --git a/images/PE.jpg b/images/PE.jpg new file mode 100644 index 000000000..6776f2cec Binary files /dev/null and b/images/PE.jpg differ diff --git a/images/ada.jpg b/images/ada.jpg new file mode 100644 index 000000000..4124a9977 Binary files /dev/null and b/images/ada.jpg differ diff --git a/images/data structure.png b/images/data structure.png new file mode 100644 index 000000000..ff3602278 Binary files /dev/null and b/images/data structure.png differ diff --git a/images/image1.png b/images/image1.png new file mode 100644 index 000000000..c810c8e64 Binary files /dev/null and b/images/image1.png differ diff --git a/pages/about.html b/pages/about.html index b4ae215c4..da4623c74 100644 --- a/pages/about.html +++ b/pages/about.html @@ -4,9 +4,62 @@ - Document + + About me - +
+
+

My life

+ +
+ +
+
+

My life in Colombia

+

+ I was raised and born in Medellin, Colombia one of the best cities I have seen. I grew up being independent, but also very close to my family. + I spent most of my time going to the gym and riding my motorcycle. + I have been always very curios about life, and love learning new things every day. +

+ Colombia +
+
+

My career as a civil engineer

+

I studied Civil engineer in colombia in one of the best public Universities in the country. + I had the opportunity to be part of this amazing institution that opened doors for my professional development. + I worked as a project engineer for 2 years before I moved to the USA. Once here, I kept working as a project engineer/assistent of project manager. + I was involved in big projects such as the new campus of Microsoft and the new Google's building in Kirkland. +

+ project engineer +
+
+

software developer

+

+ I decided to take another direction with my professional development, and I found out about Ada developers Academy. + I've been part of this community since September, and has been the most challenging and exciting phase of my life. + I have also met people that have helped growing in this new field. +

+ Ada +
+
+
+ \ No newline at end of file diff --git a/pages/index.html b/pages/index.html index b4ae215c4..37fb2d72f 100644 --- a/pages/index.html +++ b/pages/index.html @@ -4,9 +4,41 @@ - Document + + Melissa's Portfolio + - +
+

Welcome to Melissa's portfolio

+ + +
+
+ melissa's profile picture +
+

This is the place where I will share a little bit about my life as an engineer and as a developer. + After working as a civil engineer for 4 years in project management, + I have changed the direction of my career and pursuing the goal to become a software developer. +

+
+
+ \ No newline at end of file diff --git a/pages/portfolio.html b/pages/portfolio.html index b4ae215c4..22d226688 100644 --- a/pages/portfolio.html +++ b/pages/portfolio.html @@ -4,9 +4,67 @@ - Document + + Portafoliot - +
+

My projects

+ +
+
+

Viewing Party

+
+ Data Estructure +
+

+ First project as a student of software developer. I reinforced my knowledge in lists, dictionaries, nested loops and nested data structures. + Others skills used in this project were debugging and reading/completing tests to see what is expected of our program. +

+ Visit viewing-party project +
+
+ +

Swap Meet

+
+ Data Estructure +
+

+ Object Oriented programing project. I acquired the skills to develop an entire program using the principles of OOP. + Implementing instance methods that interact with other instances and objects. Applying inheritance. +

+ Visit Swap-Meet project +
+
+ +

Task List API

+
+ Data Estructure +
+

API design using the client-server model, request-response cycle and conventional RESTful routes. + Working with Flask to ready query parameters to create behaviors, apply python to make request to call an API inside of an API. + Using online resources to understand external API. +

+ Visit Task-List-API project +
+
+
+ \ No newline at end of file diff --git a/pages/style.css b/pages/style.css new file mode 100644 index 000000000..9f0f26d2f --- /dev/null +++ b/pages/style.css @@ -0,0 +1,115 @@ +body{ + background-color:lavender; + color: black; + font-family: Arial; + font-size: x-large; + margin-left:3rem ; + margin-right:3rem; +} + +footer{ + font-size: medium; + text-align: center; + margin-bottom: 3rem; + margin-top: 3rem; + +} + +header{ + text-align: center; + font-size: medium; + background-color:; +} + +h1{ + background-image: linear-gradient(to left, #553c9a, #b393d3); + background-clip: text; + font-size:xx-large; +} + +a{ + color: blue; +} + +ul{ + list-style-type: none; + font-weight: bold; +} + +img{ + width: 700px; + border-radius: 10px; + display: block; + margin-left: 3rem; + margin-right: 3rem; +} + +a.btn{ + text-decoration: none; + color: #FFFFE3; + background: #1348DA; + padding: 0 1rem; + height: 2rem; + display: inline-flex; + border-radius: 1rem; + align-items: center; + +} + +.box{ + display: flex; + justify-content: space-evenly; +} + +a:hover{ + color: black; +} + +img.profile{ + width: 400px; + border-radius: 50%; + margin-inline-end: 4rem; + margin-bottom: 3rem; + +} + +img.about{ + width: 500px; + display: block; + margin-left: auto; + margin-right: auto; +} + +main#index{ + display: flex; + margin-right: 3rem; +} + +section.port{ + display: Flex; + +} + +.container{ + display: grid; + grid: gap 10px; + grid-template-columns: 500px 500px 200px; + grid-template-areas: + "header header header" + "nav main main" + "footer footer footer"; +} + +header.container{ + grid-column: header; +} +nav.container{ + grid-area: nav; + +} +main.container{ + grid-area: main; + +} + +