This is an optional subtitle for the portfolio page.

Portfolio

Hi! I'm an engineering student who likes design, data science, and web development.

Since I was little, I have loved working in multiple fields with one thing in common: technology. That's why I have aimed my time at learning whatever I could from this field. Leveraging connections created for problem-solving.

Do you want to work together? I'd be happy to talk with you by email or social media!.

*Thank You for reading!*

Pd. In my free time, I love art, [this](https://www.behance.net/paulavelosa) is my portfolio if you want to check it out!


About Me


Back in 2021, I did a post about monetizing programming skills for a side hustle. Fast forward to today, April 2025,  EVERYTHING has changed now. The landscape feels fundamentally different. The pace of technological evolution, particularly driven by AI, is surprisingly fast and, honestly, can feel overwhelming, terrifying. Like many programmers, I've felt a sense of urgency watching things change so quickly.


Observing this rapid shift one thing is clear:  Adaptability is key. Rather than being swept along, taking proactive steps is what will give us (me) a sense of control and open up new possibilities. For many of us with technical skills, exploring a side hustle in 2025 isn't just about extra income; *it's about staying relevant, learning hands-on, and building resilience in this new era*.
This goes for me as well, this year im entering my building era and we are doing it together. I've been thinking about what truly works now. If you're considering leveraging your programming skills outside your main role, here are a few foundational principles for building a side hustle in 2025:

### 1. Focus Intensely on Solving Current Problems:
 While foundational skills remain vital, the problems businesses and individuals face are evolving. Look closely at inefficiencies or needs amplified by recent tech shifts (like AI integration, data security concerns, automation gaps). Your value lies in applying your skills to these specific, timely challenges.
### 2. Build (and Share) in Public: Your portfolio is your proof. 
Actively working on projects, even small ones, and documenting your process (blog posts, GitHub repos, short videos) is crucial. It demonstrates not just what you can do, but how you think and adapt – increasingly important qualities.
### 3. Embrace Continuous Learning (Especially AI):
 The tools are changing. Whether you plan to build AI agents or not, understanding how AI can assist your workflow (coding assistants, debugging tools, research aids) or how it impacts your clients' needs is non-negotiable. Dedicate time to learning and experimenting.
### 4.Niche Down for Impact:
 The tech world is vast. Instead of being a generalist, consider specializing. Could you focus on automation for a specific industry? AI-powered tools for creatives? Cybersecurity for small e-commerce businesses? A clear niche makes you more visible and valuable to a target audience.
### 5. Think Beyond Code: Offer Solutions: 
Often, clients don't just need code; they need a solution to a business problem. This might involve understanding their workflow, integrating different tools, advising on strategy, or ensuring security. Frame your offerings around the outcome you provide, not just the technical task.


Create a side hustle equals Adapting in 2025 tech industry

# **5 lessons from building a  Curriculum Vitae  with React**

I create a CV in react, These were my main takeaways.

1.  Look at the same styled elements

2.  Use Json-server to create your fake REST API

3.  Read the documentation

4. Initialize the state before you fetch data.

5.  Personalize package.json file

This is a challenge for Platzi Master application. The goal: Make your CV in React. This was the final result

![](/images/cv-react.png)
**\*\*Tools:\*\***  - React JS   - Stylus

##    1. Look at the same styled elements 

 As some elements are repeated continuously,  (in my case, there were for example bullet points and titles). I styled them in the main App.styl file, so I can use them in every component. I know it sounds a bit dumb, but it saved me a lot of time

## \*\*  **2.** \*\*use Json-server to create your fake REST API

Create a json file with your data and install json-server, then run json-server --watch db.json et voilà.

##

## 3. Read the documentation

 Just because I didn't know how to use the server, I wasted 4 hours searching through stack overflow just to read in the challenge documentation the answer.

## &#xA;*4. Initialize the state before you fetch data.*

*

I was having trouble loading data, but I found that initializing the data I was going to use solved the problem. For example. Here I needed the name and percentage of the languages to be displayed\*

*

       * state = {*

*        data: {*

*            'languages': {*

*                 'name':  '', *

*               'percentage':  '' *

              }],        },        }

##  5. Personalize package.json file

Uploading npm run in package.json helps to create shortcuts you can use in the terminal. For example, I created another json file: db.json and later upload package.json 
    *"server": "json-server --watch db.json"*

this, helped me run my server much quicker because now i just had to type npm run server


 Applying to a convocatory 

CV with React

So here I was, regardless of a bunch of advice exalting the importance of planning and think before you act, I jumped right into coding. Bad Idea

I  expended a big amount of time looking for a way to classify text, my main goal is to build a recommender, so why a classifier algorithm? Well, I didn't think of that at the moment, I just desperately wanted to code something, that blinded me.

I found a perfect dataset for classification: [podcast reviews](https://www.kaggle.com/thoughtvector/podcastreviews). It was pretty big, so I learned to use SQLite, which became a very useful tool I predict I'm going to use in the future for cleaning and priming data.

Then, I found [this tutorial](https://towardsdatascience.com/a-guide-to-text-classification-and-sentiment-analysis-2ab021796317) where I understood a little more about TI-IDF Vectorizer, I followed it to add it later to the podcasts reviews data frame

*   pro-tip. You need to change the datatype in the sentiment column to int64 for the classification algorithm to function.

But then, I realized how futile this code was. I'm trying to build a recommender. When the recommendation part takes place?

I decided I'm going to start differently. The most important part is the **client**, so the most intelligent approach would be to understand (in the easiest way possible)  how **they** are going to interact with the final result. That's my next task.

Even though I'm framing it as a failure, I really think I learned a lot from this experience, yet any of what I coded is going to end up in the final project :).


Planning  is definitely not underrated

An example of the importance of planning

News, tips and highlights

Blog


As a fullstack developer, Linux is my daily playground. Whether I'm building backend APIs, deploying to a server, or debugging issues in production, the terminal is always open. Here's a list of commands I use all the time — plus tips that helped me learn Linux faster.

## 🧠 Must-Know Linux Commands

### `cd`, `ls`, `pwd`
These are your bread and butter. I use them constantly to move around the filesystem and see where I am.

bash
cd ~/projects/my-app
ls -al
pwd
💡 Tip: Add aliases to your .bashrc or .zshrc for commonly accessed paths.

### grep, find, cat, less
Searching through logs or code? These commands save the day.

bash
grep "error" logs.txt
find . -name "*.js"
cat index.js | less
💡 Tip: Use grep -r "keyword" . to recursively search inside a folder.

### touch, mkdir, rm, mv, cp
For file and folder management. Super useful when creating new files or organizing stuff.

bash
touch test.js
mkdir new-folder
rm -rf node_modules/
mv index.html public/
cp .env.example .env
⚠️ Be careful with rm -rf. Double-check before pressing Enter!

### curl, wget
Great for testing APIs or downloading stuff directly from a URL.

bash
curl http://localhost:3000/api/status
wget https://someurl.com/file.zip
💡 Tip: Use curl -I to see only the response headers.

### chmod, chown
Useful for setting permissions when something’s not working right.

bash
chmod +x deploy.sh
sudo chown -R $USER:$USER ./my-project
💡 Tip: chmod +x makes a script executable.

### top, htop, ps, kill
For checking what’s eating up your CPU or killing processes.

bash
top
ps aux | grep node
kill -9 PID

### docker, docker-compose
If you're running services locally, Docker is essential (a lit nightmare at first tho but let's make it simple).

bash
docker-compose up -d
docker ps
docker logs -f container_name
💡 Tip: Use .env files with Docker Compose to make configs cleaner.

Linux Commands I Use Daily as a Fullstack Developer

Have you ever been paralyzed to try something new? Have you ever thought that you or your work are not enough to be shared? It is okay, we’ve
all been there, but what if I tell you data could be the answer to fight against that feeling.

Last week, when I was trying to find the perfect theme for starting a blog, I started feeling very anxious, I am not more than an engineering student, what could I share? It is the same feeling I have gotten for around one year. But, a video of Ali Abdaal was recommended to me by a friend. There, Ali explains how writing can be a gate for you to become better at different levels.

> Putting yourself out there could potentially bring you the best opportunities you can think of. — Ali Abdaal

In that video Ali, also talks about maximizing serendipity, putting yourself out there could potentially bring you the best opportunities you can think of, this idea is very statistical, right? To some degree, Ali is inviting us to think in a data-driven way. It is all about probability. Chances are, you could get your dream job tomorrow, but you can surely increase them by study a little more today.

This data-driven mentality could be applied to pretty much every decision of your life. Next time you are doubting about taking a risk, think about the probability to win. Even if it is extremely low,  If you do not try, it will be even lower.



How data change mindsets

While browsing the Internet, I came across several videos of people talking about their side businesses and showing how they achieve economic independence as just teenagers. Taking a step back from my project in data science, I decided to try my hand at building a side hustle on my own. This is a list of possible sources of income I have created based on my research and personal thoughts.

### Before starting

1.  My research's main takeaway is to try to **monetize your portfolio by providing value**. Look out for the brand's issues and solve them using your upcoming skills.

2.  Show your work, write and build a portfolio. It is the easiest way to get money from any  passion you may have

3.  Social media can be monetized!. You could, for example, be a Brand ambassador or try affiliate marketing.

4.  Teach whatever you are good at and monetize it, I'm not sure if this is that easy to do, however, it is mentioned in a number of videos talking about side hustles, so it is worth a shot.  How to teach? Create courses or be a tutor.

5.  Be a freelancer: it is the most obvious one, but it is impossible to ignore as well.

### Web development

1.  Create web pages/apps for local businesses and try to sell them or get a revenue share in return. In [this video](https://www.youtube.com/watch?v=wWySnxhZYsc), Kalle Hallden calls it "building for free, get paid for life", I find it a pretty good alternative because it may also be a part of your portfolio.

2.  Attempt building your own app or web. This is the hardest one to try but, if you came up with a very good idea, it can be as profitable.

3.  Create templates for components while you are creating your project.

### Data analysis

1.  Analyze brand strategies and reach out to them via social media, you can create a new strategy for them that can take place in your portfolio; however, this is not guaranteed money.

2.  Create templates for visualizing brand strategies.

3.  You can be a consulter for data-driven decisions at local brands.

### Data science

1.  Create a dataset, preprocessing data is hard work, that is why if you develop a dataset that gives value to a brand, you will be able to sell it to them as well.

### Video Games

1.  build your own video game

2.  if you know how to sculpt online, you can create 3d models or templates as well


My investigation in what side hustle to start if you enjoy programming

Enjoy programming?: Ways to start a side business.

### AI Agent Maker
okay let´s start with the main frog here, AI. What is an ai agent? bassically iterative ai that adjust to get the best outcome. Nowadays, we use an human guidance based iteration but in a future I guess we will have completely independent ai agents. I did a whole post talkig about ways to work in an agentic way.

Anyways, we can optimize a lot of processes just from doing an AI agent maker, being the simplest one client service. But it can be usefull as a trip manager agent, as a personal manager agent. Options are infinite. I really think this is an important step.

I'm gonna make a project with ai agents soon so stay tune

### Enterprise Automatization 

Still in 2025 the major problem is understanding what the client really needs. This is not changing soon so it is a nice gap we can work on. Here im talking about understanding the enterprise, how it works?, WHY it works?, and automatize what needs to be automatize. AI is a powerful tool here, every person in the company can benefit from AI: You can be a consultor for them. However it is more than AI, how the pipeline works, how to connect tools, your job is literally optimizing a company and that will require technical but also business expertise.

### Cibersecurity
Okay vibe coding is here to stay and one of its main threats is how unsecure code can be if it is made by someone who does not really understand what he/she is doing. You know what it means to us? money. Of course vibe coders are not gonna be leading the biggest companies, but employers who dont have enough control of the tools they are using can lead company to have big gaps in their security. Here we take control and we can use all pentesting tools we have to protect everyone data


Side Hustle Ideas in 2025 

Ok, so I have my project idea, what do I do next?  Think about how you are going to judge it first.

When I was trying to figure out my project plan, I read the second chapter of [Building Machine Learning Powered Applications](https://www.oreilly.com/library/view/building-machine-learning/9781492045106/). Which establishes 3 steps to start your project. They were:

1.  Attempt to reproduce results from a similar open-source model. 

2.  Find a data set closer to your objectives and attempt to train the previous model on that dataset

3.  Judge how the model works using the metrics you defined and start iterating

well, metrics? This book talks about how to choose them as well. There are two kinds of metrics: project and model metrics, the first one talks about how the application tackles its main problem, and the latter is more about the ml model itself.

In my case, the metrics I chose were:

*   how many recommendations are actually clicked when they appear in the app,

*   F-score

 About the project metric, this book copes with a recommendation project as well. They define a similar metric for theirs, and I found it really useful for my project as well. Nevertheless, I'm still hesitating about it.

For my model metric. As I will use text sentiment analysis for recommending the first results, I found [here](https://www.kdnuggets.com/2018/03/5-things-sentiment-analysis-classification.html#:~:text=As%20a%20classification%20problem%2C%20Sentiment,appropriate%20metric%20should%20be%20used.) that the most used evaluation metrics in this field are Precision, Recall, F-score, and Accuracy. Since F-score resembles the mixture of both the precision and recall score, I think this is the best approach for me at the moment.

I would go on by leveraging open source code next.







Metrics first

Hi there! Thank you so much for your interest in my work :) please send me an email at paula.velosa2704@gmail.com if you want to keep in touch.


name

email

subject

message

consent

Contact

Hi!, I'm Paula.

Last projects

Home

#

[This project](https://github.com/pvelosa/podcast-recomendation-system/) aimed to practice TF-IDF for sentiment classification in a large data set

## stages of the project

1.  finding data. [This](https://www.kaggle.com/thoughtvector/podcastreviews) is the dataset I found in Kaggle

2.  priming data. As a basic approach, I used a supervised dataset, deleted other columns I did not  want to use, and convert floats to integers

3.  I applied the TF-IDF algorithm

4.  I used Accuracy and F1-Score to measure how the model performed.

## Main takeaways

1.  SQLite is very useful for priming large quantities of data.

2.  You have to convert tags to integers ('positive' to 1, 'Negative' to 0) for the TD-IDF algorithm to function. Floats do not function either, 1.0 will not function.

3.  The gap between Positive and Negative reviews is pretty large, that's why the model has to be weighed to avoid errors.

4.  Adding another group to the classification probably will be a good idea.

### [Click here ](https://github.com/pvelosa/podcast-recomendation-system/blob/master/README.md)to access the GitHub repository <3


Here are my main takeaways.

Podcast reviews sentiment classifier

"Taken" is an enthralling emerging Colombian luxury fashion brand with a minimal yet trendy clothing line. I set out to design Taken's website, nonexistent at the moment, aiming to make it representative of Taken's identity

the challenge was standing Taken's ideology out while creating an easy to use and customer oriented website.

**Timeline:** 24hrs

\*\*Methods: \*\*Proto persona, Wire framing, UI design, Prototyping (it will be made after this project timeline)

\*\*Tools: \*\*Photoshop, Figma

## Process Outline

1.  Brand Identity Research

2.  User Research (ecommerce personas)

3.  Wireframing

4.  UI design

## Brand identity Research

Since this is a Fictional project, I am prototyping a brand identity from the brand's social media. (Instagram)

### What defines Taken?

*   Contemporary, minimal yet disruptive

*   uses beige, white and black as its main colors, while using green as a color to accentuate

*   in Taken's Instagram posts, I found a strong retro inspo, mainly in its fonts, use of colors and filters.

![](/images/Captura%20de%20pantalla%202021-09-07%20143347.png)

## User Research&#xA;

From the identity research, I created a proto persona: A Latina young woman from an upper-media class in need to stand out in a semi casual date. She is used to social media and e-commerce brands.![](https://preview--paula-velosa-fr-4afe7.stackbit.dev/\_static/app-assets/images/Captura%20de%20pantalla%202021-09-07%20144313.png)

In [this article](https://www.nngroup.com/articles/ecommerce-shoppers/), we can enumerate 5 different e-commerce shoppers: Product focused, Browsers, Researchers, Bargain hunters & One-time shoppers. Since it is an upcoming ecommerce website, it is pretty accurate to use them to create a customer focused UI. One of the most important insights in there were the following:

*   Listings of new, popular, and sale products

*   Easy-to-edit shopping carts that retain products between visits

*   Clear site navigation

*   Complete product descriptions

## Wireframing

## ![](/images/Captura%20de%20pantalla%202021-09-07%20150544.png)&#xA;

Taking simplicity into consideration, I found the 6th land page prototype to be the most accurate.

## &#xA;&#xA;UI Design

![](/images/Captura%20de%20pantalla%202021-09-07%20131306-d84ae280.png)

I created a simple yet retro website with the brand colors and aesthetics. I edited the land page image to match the aesthetics of the brand. Then, since the goal here was to make it the most clear navigation site as I could, I went for a very simplistic use of colors, using green for the call-to-action buttons only

I added a wishlist page and an easy to edit shopping cart that foster revisit the webpage later and a description of clothes to make the brand more trustfully.



[Here is the final Result](https://www.figma.com/proto/9XnkwMjCHF8jBZs3WbhdOE/taken?node-id=69%3A35\&scaling=scale-down-width\&page-id=0%3A1\&starting-point-node-id=69%3A35)


UI/UX study of a fashion ecommerce

Case study: Designing a website for an ecommerce 


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Mus mauris vitae ultricies leo. In vitae turpis massa sed. Mauris nunc congue nisi vitae suscipit tellus mauris a. Phasellus egestas tellus rutrum tellus pellentesque. Nulla facilisi morbi tempus iaculis urna id volutpat. Ac tortor vitae purus faucibus ornare suspendisse sed. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Suspendisse interdum consectetur libero id. Quisque egestas diam in arcu. Eget gravida cum sociis natoque penatibus et. Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci. Etiam dignissim diam quis enim. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim tortor. Ac orci phasellus egestas tellus rutrum tellus pellentesque eu tincidunt. Nulla malesuada pellentesque elit eget gravida cum sociis natoque. Ut venenatis tellus in metus vulputate eu scelerisque felis. Porttitor eget dolor morbi non arcu risus quis varius quam. Volutpat lacus laoreet non curabitur. Vulputate mi sit amet mauris commodo quis imperdiet massa.

>"Design adds value faster than it adds costs." - Joel Spolsky

Amet risus nullam eget felis eget. Quisque egestas diam in arcu cursus euismod quis. Nibh nisl condimentum id venenatis a condimentum. Condimentum vitae sapien pellentesque habitant morbi. Adipiscing bibendum est ultricies integer quis auctor elit. Velit laoreet id donec ultrices. Neque egestas congue quisque egestas diam. Euismod quis viverra nibh cras pulvinar mattis. Lobortis scelerisque fermentum dui faucibus. Arcu felis bibendum ut tristique. Metus vulputate eu scelerisque felis imperdiet proin fermentum. Enim nunc faucibus a pellentesque sit amet porttitor. Nec nam aliquam sem et tortor consequat. Ullamcorper a lacus vestibulum sed arcu non. Semper quis lectus nulla at volutpat. Lectus magna fringilla urna porttitor rhoncus dolor purus non. Neque laoreet suspendisse interdum consectetur libero id faucibus nisl tincidunt. Ut pharetra sit amet aliquam id diam maecenas ultricies. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Morbi tincidunt ornare massa eget.

Netus et malesuada fames ac turpis. Morbi tristique senectus et netus. Tempor commodo ullamcorper a lacus vestibulum sed. Id eu nisl nunc mi ipsum. Sed ullamcorper morbi tincidunt ornare. Tellus in metus vulputate eu scelerisque felis. Ut enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Neque volutpat ac tincidunt vitae. Enim diam vulputate ut pharetra sit amet aliquam. In eu mi bibendum neque egestas congue quisque egestas. At imperdiet dui accumsan sit. Diam sit amet nisl suscipit. Tellus in metus vulputate eu. Non pulvinar neque laoreet suspendisse interdum consectetur libero. Fusce ut placerat orci nulla pellentesque dignissim. Neque egestas congue quisque egestas diam in arcu.

Optional Project Subtitle

Project Title 3


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo eget magna fermentum iaculis eu non diam. Id volutpat lacus laoreet non. Faucibus pulvinar elementum integer enim. Malesuada fames ac turpis egestas integer eget aliquet nibh. Turpis massa sed elementum tempus. Potenti nullam ac tortor vitae purus faucibus. Duis ut diam quam nulla porttitor massa. Ultrices dui sapien eget mi proin sed libero enim. Nibh venenatis cras sed felis eget velit aliquet. Nec ullamcorper sit amet risus nullam. Duis at tellus at urna. Pulvinar elementum integer enim neque. Amet cursus sit amet dictum sit amet justo. Aliquam nulla facilisi cras fermentum odio eu. Cursus in hac habitasse platea dictumst quisque sagittis. Euismod nisi porta lorem mollis aliquam ut porttitor leo.

Eget nunc scelerisque viverra mauris in aliquam sem fringilla. Ornare arcu dui vivamus arcu felis bibendum. Et molestie ac feugiat sed lectus vestibulum mattis ullamcorper velit. Ut sem nulla pharetra diam sit amet nisl suscipit. Fermentum leo vel orci porta. Facilisis volutpat est velit egestas. Et pharetra pharetra massa massa ultricies mi quis. Id aliquet risus feugiat in ante metus dictum at tempor. Magna fermentum iaculis eu non diam phasellus. Tellus cras adipiscing enim eu turpis egestas.

>"Designers are meant to be loved, not to be understood." - Margaret Oscar

Orci ac auctor augue mauris augue neque. Id semper risus in hendrerit gravida rutrum quisque. Et leo duis ut diam quam nulla porttitor massa. Condimentum vitae sapien pellentesque habitant morbi. Vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Hendrerit dolor magna eget est lorem ipsum dolor sit. Ipsum dolor sit amet consectetur. Eu augue ut lectus arcu bibendum at. Etiam non quam lacus suspendisse. Leo integer malesuada nunc vel. Consequat id porta nibh venenatis. Sollicitudin nibh sit amet commodo nulla facilisi nullam. Aliquam sem fringilla ut morbi tincidunt augue interdum velit euismod. Facilisis leo vel fringilla est ullamcorper eget nulla facilisi etiam.

Tortor consequat id porta nibh. Lorem ipsum dolor sit amet consectetur adipiscing elit ut aliquam. Ante metus dictum at tempor. Consectetur adipiscing elit ut aliquam purus. Mauris in aliquam sem fringilla. Sed adipiscing diam donec adipiscing tristique. Posuere ac ut consequat semper viverra nam libero justo. Vulputate ut pharetra sit amet aliquam id diam maecenas ultricies. Molestie nunc non blandit massa enim nec. Pretium aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Ac turpis egestas integer eget aliquet. Consectetur purus ut faucibus pulvinar elementum integer enim. Quis ipsum suspendisse ultrices gravida dictum fusce. Elit ullamcorper dignissim cras tincidunt lobortis. Non enim praesent elementum facilisis leo vel. Mi ipsum faucibus vitae aliquet nec ullamcorper. Nisl suscipit adipiscing bibendum est ultricies integer quis auctor elit. Senectus et netus et malesuada fames. Massa sed elementum tempus egestas sed sed.


Project Title 4


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nulla facilisi morbi tempus iaculis urna. Non curabitur gravida arcu ac tortor dignissim. Pretium quam vulputate dignissim suspendisse in est. Ante in nibh mauris cursus mattis. Adipiscing bibendum est ultricies integer quis auctor elit sed vulputate. Facilisi nullam vehicula ipsum a arcu cursus. Habitant morbi tristique senectus et. Urna duis convallis convallis tellus id interdum velit. Sociis natoque penatibus et magnis. Adipiscing tristique risus nec feugiat in fermentum posuere.

>"You can't use up creativity. The more you use, the more you have." - Maya Angelou

Feugiat in fermentum posuere urna nec tincidunt praesent semper. Bibendum enim facilisis gravida neque convallis a. Diam donec adipiscing tristique risus nec feugiat in fermentum. Vitae suscipit tellus mauris a diam. Sit amet aliquam id diam maecenas. Id velit ut tortor pretium viverra suspendisse. Massa tincidunt dui ut ornare lectus sit amet est. Dui vivamus arcu felis bibendum ut tristique et egestas quis. Purus sit amet volutpat consequat mauris nunc congue nisi. Et netus et malesuada fames ac. Sed faucibus turpis in eu. Pharetra pharetra massa massa ultricies. Non enim praesent elementum facilisis leo vel fringilla est ullamcorper. Quis hendrerit dolor magna eget est.

Elit pellentesque habitant morbi tristique senectus et netus et. Cras adipiscing enim eu turpis egestas pretium aenean pharetra magna. Turpis egestas pretium aenean pharetra magna ac placerat. Suspendisse sed nisi lacus sed viverra tellus in. Lectus arcu bibendum at varius vel pharetra vel turpis. Scelerisque eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Donec pretium vulputate sapien nec sagittis. Ipsum a arcu cursus vitae congue mauris rhoncus aenean. Sed euismod nisi porta lorem. Semper quis lectus nulla at. Tincidunt ornare massa eget egestas purus viverra accumsan in nisl. Eu tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Aliquam sem et tortor consequat id porta. Aliquam ut porttitor leo a diam sollicitudin tempor id eu. Ipsum dolor sit amet consectetur adipiscing elit.



Project Title 5


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Suspendisse faucibus interdum posuere lorem ipsum dolor. Malesuada fames ac turpis egestas sed tempus urna et. Non odio euismod lacinia at quis risus. Nisl vel pretium lectus quam id leo in vitae turpis. Dolor sit amet consectetur adipiscing elit ut. Id donec ultrices tincidunt arcu non sodales neque sodales ut. Risus ultricies tristique nulla aliquet enim. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac ut. Et leo duis ut diam. Auctor neque vitae tempus quam pellentesque. Scelerisque in dictum non consectetur a erat nam at. Quisque sagittis purus sit amet volutpat consequat. Vulputate enim nulla aliquet porttitor lacus.

>"Design can be art. Design can be aesthetics. Design is so simple, that's why it is so complicated." - Paul Rand,

Nisl purus in mollis nunc sed id semper. Congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Etiam erat velit scelerisque in dictum non consectetur. Tincidunt praesent semper feugiat nibh sed pulvinar proin gravida hendrerit. Cursus eget nunc scelerisque viverra mauris in aliquam sem. Aliquam id diam maecenas ultricies mi eget mauris pharetra. Nisi quis eleifend quam adipiscing vitae proin sagittis nisl. Elit at imperdiet dui accumsan. Senectus et netus et malesuada fames ac turpis. Justo nec ultrices dui sapien eget mi proin sed libero. Aliquet eget sit amet tellus cras adipiscing enim eu turpis. Nisl purus in mollis nunc sed id. Elit duis tristique sollicitudin nibh sit. Duis ultricies lacus sed turpis. Porttitor eget dolor morbi non. Scelerisque eu ultrices vitae auctor eu augue ut. At urna condimentum mattis pellentesque id. Massa eget egestas purus viverra accumsan. Fermentum dui faucibus in ornare quam. Pharetra vel turpis nunc eget lorem.

Sodales neque sodales ut etiam sit amet nisl. Sodales ut etiam sit amet nisl purus. Nisi vitae suscipit tellus mauris a diam maecenas sed. Egestas purus viverra accumsan in nisl nisi scelerisque. Gravida cum sociis natoque penatibus et magnis dis parturient. In hac habitasse platea dictumst vestibulum. Cras semper auctor neque vitae tempus quam pellentesque nec nam. Tellus integer feugiat scelerisque varius morbi enim nunc. Ultricies mi eget mauris pharetra et ultrices neque ornare. Vitae suscipit tellus mauris a diam. Commodo viverra maecenas accumsan lacus vel. Libero id faucibus nisl tincidunt eget nullam.

Nibh praesent tristique magna sit amet purus gravida. Aenean pharetra magna ac placerat vestibulum lectus mauris. Nulla aliquet enim tortor at auctor. Lobortis elementum nibh tellus molestie. Vitae proin sagittis nisl rhoncus mattis. Velit scelerisque in dictum non consectetur a erat. Elementum curabitur vitae nunc sed. Nisl nisi scelerisque eu ultrices vitae auctor eu. Proin libero nunc consequat interdum varius sit. Molestie ac feugiat sed lectus vestibulum mattis ullamcorper. Turpis cursus in hac habitasse. Adipiscing elit pellentesque habitant morbi tristique.


Project Title 6


Diam maecenas sed enim ut sem. Nisl purus in mollis nunc sed id semper. Dictum sit amet justo donec enim diam vulputate ut pharetra. Eget velit aliquet sagittis id consectetur purus ut. Auctor neque vitae tempus quam pellentesque nec. Sed enim ut sem viverra aliquet eget. Eleifend donec pretium vulputate sapien nec sagittis aliquam malesuada. Enim tortor at auctor urna nunc id cursus. Fermentum et sollicitudin ac orci phasellus. Nunc non blandit massa enim nec dui. Cursus euismod quis viverra nibh cras pulvinar. Accumsan in nisl nisi scelerisque eu ultrices vitae auctor. Dui vivamus arcu felis bibendum ut.

Sed risus pretium quam vulputate dignissim suspendisse in est. Vitae auctor eu augue ut lectus arcu. Tristique magna sit amet purus. Aliquet enim tortor at auctor urna nunc. Id leo in vitae turpis massa sed elementum tempus. Egestas maecenas pharetra convallis posuere morbi leo urna molestie at. Amet consectetur adipiscing elit duis tristique sollicitudin. Egestas sed sed risus pretium quam vulputate. Nunc eget lorem dolor sed viverra ipsum nunc. Consequat mauris nunc congue nisi vitae suscipit tellus. Fames ac turpis egestas maecenas pharetra convallis posuere morbi leo. Et ultrices neque ornare aenean euismod elementum nisi quis. Varius morbi enim nunc faucibus a pellentesque sit amet. Vitae proin sagittis nisl rhoncus mattis rhoncus urna. In mollis nunc sed id semper risus in hendrerit gravida.

>"Design is not a single object or dimension. Design is messy and complex." - Natasha Jen

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Morbi tincidunt augue interdum velit euismod in. Justo laoreet sit amet cursus sit amet dictum sit. Viverra aliquet eget sit amet. Scelerisque varius morbi enim nunc faucibus a pellentesque sit. Lectus nulla at volutpat diam ut venenatis tellus. Nunc consequat interdum varius sit. Ultrices neque ornare aenean euismod elementum. Ante metus dictum at tempor commodo. Sed vulputate odio ut enim blandit volutpat maecenas volutpat blandit. Etiam non quam lacus suspendisse faucibus interdum posuere lorem.

Aliquet nibh praesent tristique magna sit amet purus. Tincidunt nunc pulvinar sapien et ligula ullamcorper. Lacus sed viverra tellus in. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Bibendum neque egestas congue quisque egestas diam in. Iaculis nunc sed augue lacus viverra. Sagittis orci a scelerisque purus. Cursus mattis molestie a iaculis at erat pellentesque adipiscing commodo. Vulputate sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum. Arcu dictum varius duis at. Eleifend mi in nulla posuere sollicitudin aliquam ultrices. Velit scelerisque in dictum non consectetur a erat nam at. Cum sociis natoque penatibus et magnis dis parturient montes nascetur. Adipiscing commodo elit at imperdiet dui. Sed tempus urna et pharetra pharetra. Imperdiet sed euismod nisi porta lorem mollis aliquam ut. Ultricies mi eget mauris pharetra et ultrices neque. Et malesuada fames ac turpis egestas sed tempus urna et. At tempor commodo ullamcorper a.


Project Title 7

**This is a paragraph**. Pellentesque habitant morbi *tristique senectus et netus et malesuada* fames ac turpis egestas. Vestibulum [tortor quam](https://www.google.com), feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit <mark>amet est et sapien ullamcorper</mark> pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi.

# This is an H1

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, this is marked text ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis. Fusce et ipsum et nulla tristique facilisis.

## This is an H2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

### This is an H3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

#### This is an H4

Quisque facilisis erat a dui. Nam malesuada ornare dolor. Cras gravida, diam sit amet rhoncus ornare, erat elit consectetuer erat, id egestas pede nibh eget odio. Proin tincidunt, velit vel porta elementum, magna diam molestie sapien, non aliquet massa pede eu diam. Aliquam iaculis.

## Quoting

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

>Creativity is allowing yourself to make mistakes. Design is knowing which ones to keep. <cite>Scott Adams</cite>

Morbi commodo, ipsum sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis. Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero.

***

## Unordered Lists

+ Donec non tortor in arcu mollis feugiat
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit
+ Donec id eros eget quam aliquam gravida
+ Vivamus convallis urna id felis
+ Nulla porta tempus sapien

## Ordered Lists

1. Donec non tortor in arcu mollis feugiat
2. Lorem ipsum dolor sit amet, consectetuer adipiscing elit
3. Donec id eros eget quam aliquam gravida
4. Vivamus convallis urna id felis
5. Nulla porta tempus sapien

## Video Embeds

<iframe width="640" height="360" src="https://www.youtube.com/embed/wEG7x7jRhNQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

## Code Blocks

Blocks of code are either fenced by lines with three back-ticks, or are indented with four spaces.

```

body {
  color:red;
}
```

## Tables

<table>
    <caption>Table with thead, tfoot, and tbody</caption>
  <thead>
    <tr>
      <th>Header content 1</th>
      <th>Header content 2</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Body content 1</td>
      <td>Body content 2</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Footer content 1</td>
      <td>Footer content 2</td>
    </tr>
  </tfoot>
</table>

The style guide provides you with a blueprint of default post and page styles. The style guide is also a great reference for suggested typographic treatment and styles for your content.

Style Guide


Thank you for contacting us! We will get back in touch with you soon.

**Have a great day!**