As a data science noob, I'm currently on the hunt for the most efficient learning path. Creating a project is highlighted as the most obvious step. However, yet I think I've learned the minimum enough to get started with it,  Something has had stopped me for a while, so I found the best way possible to keep on track: document it, I guess I'll just see by myself if that's true or not. But, for now, this blog will be an up-to-date journey of my process/feelings throughout developing my own first ML project.

When you start, everything comes down to a question: What am I going to do? Is this idea too much? Is it enough? For me, the best way possible to cope with that was simply not to think about it. I found a Twitter thread from @Svpino where he talks about several ml projects (I'm going to leave it down below) and I just picked the one which came to me the most: Music player. However, I wanted podcasts, why not?  a Podcast player sounded great!

In the same threat, Alejandro (@Svpino) talks about a fascinating approach: try to divide your project into features. Later, try to find the easiest way possible to accomplish every single one

This is what I thought the project should have:

1.  an interface

2\. something to decide what podcast to recommend
3.  Users should be able to actually listen to the podcast


As my first approach, I think I will use simple HTML CSS, and JS to create the interface. I found as well a dataset from Kaggle about podcast reviews and I think I will use it with a classifier to decide whether people like it or not, then I'd rank it and add it to a recommendation page. Probably divided into themes as well, this is the simplest way I can think of. Lastly, I can think that the best way to listen to the podcast is by being redirected to Spotify.

Nonetheless, I have plenty of ideas I think I would add later. For example, firstly, I would like to use my own dataset to recommend the trendiest podcasts. Then it would be amazing to use sentiment analysis to recommend in a better way, even face detection, to see how you are feeling today!

I'm not gonna lie, I'm feeling very happy about starting a project at the moment, everybody says that the emotional part of creating a project is a bit of a slippery slope. Consider myself as your guinea pig documenting its feeling journey to see whether it is right or not.

BTW,[ this](https://twitter.com/svpino/status/1413422853312102410?s=1006) is the Twitter threat :)


Starting my first ml project 

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

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


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Elementum nisi quis eleifend quam adipiscing vitae proin. Fermentum dui faucibus in ornare quam viverra orci sagittis. Nunc mattis enim ut tellus elementum sagittis. Sed nisi lacus sed viverra tellus. Lectus arcu bibendum at varius vel. Lacus laoreet non curabitur gravida arcu. Ipsum dolor sit amet consectetur adipiscing elit ut aliquam purus. Ullamcorper velit sed ullamcorper morbi tincidunt ornare massa eget. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi cras. Eget dolor morbi non arcu. Volutpat est velit egestas dui id ornare arcu. Orci porta non pulvinar neque laoreet suspendisse interdum. Odio euismod lacinia at quis risus. Iaculis nunc sed augue lacus viverra. Suspendisse in est ante in nibh mauris cursus. Consectetur adipiscing elit ut aliquam purus sit amet luctus venenatis. Non odio euismod lacinia at quis risus sed vulputate. Semper viverra nam libero justo. Amet cursus sit amet dictum sit.

Diam sit amet nisl suscipit adipiscing bibendum est ultricies integer. Duis tristique sollicitudin nibh sit amet commodo nulla facilisi. Mauris augue neque gravida in fermentum et. Tincidunt lobortis feugiat vivamus at augue. Iaculis urna id volutpat lacus laoreet. Risus feugiat in ante metus dictum at tempor commodo. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Enim eu turpis egestas pretium aenean pharetra magna. Urna cursus eget nunc scelerisque viverra mauris in aliquam. Vulputate dignissim suspendisse in est ante in nibh mauris cursus. A cras semper auctor neque vitae. Rhoncus dolor purus non enim praesent elementum facilisis. Nam aliquam sem et tortor consequat id porta nibh venenatis. Sollicitudin ac orci phasellus egestas tellus. Et magnis dis parturient montes nascetur ridiculus.

Tincidunt lobortis feugiat vivamus at augue eget arcu. Est lorem ipsum dolor sit amet consectetur adipiscing elit. Non nisi est sit amet facilisis magna etiam tempor. Et egestas quis ipsum suspendisse. Turpis egestas pretium aenean pharetra magna. Diam sollicitudin tempor id eu nisl nunc mi ipsum. Diam in arcu cursus euismod quis viverra nibh cras. Ornare lectus sit amet est placerat in egestas erat imperdiet. Adipiscing enim eu turpis egestas pretium. Sit amet est placerat in egestas. Euismod lacinia at quis risus sed vulputate odio. Quis commodo odio aenean sed adipiscing diam. Fermentum et sollicitudin ac orci phasellus. Eget aliquet nibh praesent tristique magna. Quisque sagittis purus sit amet volutpat consequat. Diam quis enim lobortis scelerisque fermentum dui. Leo urna molestie at elementum eu facilisis sed. Eget nulla facilisi etiam dignissim. Volutpat odio facilisis mauris sit amet.

Command Line for dummies

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.

News, tips and highlights

Blog


Vis accumsan feugiat adipiscing nisl amet adipiscing accumsan blandit accumsan sapien blandit ac amet faucibus aliquet placerat commodo. Interdum ante aliquet commodo accumsan vis phasellus adipiscing. Ornare a in lacinia. Vestibulum accumsan ac metus massa tempor. Accumsan in lacinia ornare massa amet. Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan.

![Modern white table](/images/10.jpg)

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet Ac interdum ac non praesent. Cubilia lacinia interdum massa faucibus blandit nullam. Accumsan phasellus nunc integer. Accumsan euismod nunc adipiscing lacinia erat ut sit. Arcu amet. Id massa aliquet arcu accumsan lorem amet accumsan commodo odio cubilia ac eu interdum placerat placerat arcu commodo lobortis adipiscing semper ornare pellentesque.

Amet nibh adipiscing adipiscing. Commodo ante vis placerat interdum massa massa primis. Tempus condimentum tempus non ac varius cubilia adipiscing placerat lorem turpis at. Aliquet lorem porttitor interdum. Amet lacus. Aliquam lobortis faucibus blandit ac phasellus. In amet magna non interdum volutpat porttitor metus a ante ac neque. Nisi turpis. Commodo col. Interdum adipiscing mollis ut aliquam id ante adipiscing commodo integer arcu amet blandit adipiscing arcu ante.


Interior design is “the art or process of designing the interior, often including the exterior, of a room or building”.

How To Choose An Interior Designer

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

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

# **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

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

Data journaling

Home

This is an optional subtitle for the portfolio page.

Portfolio

#

[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!**