Colors

CSS Selector

.container-product {
                    position: relative;
                    margin-top: 10rem;
                    margin-bottom: 10rem;
                    background-color: #eeeeee;
                }

.contact-form {
                    background-color: #fff;
                    padding: 30px;
                    text-align: center;
                    position: relative;
                    bottom: 0px;
                    top: 100px;
                    -webkit-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                    -moz-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                    box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                }

Send Message

Buttons and Links

CSS Selector

  #banner-box a {
                    display: inline-block;
                    padding: 10px;
                    font-size: 2.5rem;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif!important;
                    text-decoration: none;
                    color: #f5f5f5;
                    background: #34b2a4;
                    border: 3px solid white;
                    transition: background 3s ease, border 0.5s ease; 
                  }


            #icon-section a {
                display: inline-block;
                padding: 5px 10px;
                margin: 0 5px;
                font-size: 30px;
                color: #34b2a4;
                border-radius: 5px;
                background: rgba(0, 0, 0, 0.8);
                transition: transform 2s ease, color 2s ease
              }

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

In my natural habitat you will typically find me outdoors, exploring new trails, climbing mountains, overlanding, and writing code. My passion inspires me every day, and I implement its elements in my own works. On this page, you will find my most recent projects, feedback from happy clients, and information about how to contact me. Feel free to explore and ask any questions that might arise. I look forward to hearing from you and making your ideas go web.

Fonts and text

CSS Selector

  .skill h1 {
                    margin: 5px 0 15px 0;
                    text-transform: capitalize;
                    font-size: 1.5rem;
                    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
                    color: #612726;
                  }

  #about-text h2 {
                    color: #612726;
                    font-size: 2rem;
                    }


                    h3 {
                        color: black;
                        font-size: 2rem;
                    }


                    h4 {
                        color: black;
                        font-size: 1.5rem;
                    }


                    h5 {
                        color: black;
                        font-size: 1.3rem;
                    }
                    
                    h6 {
                        color: black;
                        font-size: 1.3rem;
                    }


                    #about-text p {
                        font-size: 1.2rem;
                        margin: 1.5rem 0;
                    }

Icons and images

CSS Selector

.skills-image {
                    display: flex;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: 5rem;
                    margin-bottom: 3rem;
                    width: 25%!important;
                    max-width: 100%;
                }

Don't be shy - contact me!

Vancouver, British Columbia

+1-604-000-0000

email@mail.com

Send Message

Forms

CSS Selector

.contact-form {
                    background-color: #fff;
                    padding: 30px;
                    text-align: center;
                    position: relative;
                    bottom: 0px;
                    top: 100px;
                    -webkit-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                    -moz-box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                    box-shadow: 1px 2px 14px 0px rgba(0, 0, 0, 0.29);
                }
                
                .contact-section {
                    margin-bottom: 40px;
                    margin-top: 40px;
                    padding-bottom: 30px;
                    border-bottom: 1px solid #e4e9e8;
                }
                
                .contact-section .contact-icon {
                    float: left;
                    margin-bottom: 20px;
                    display: inline-block;
                    font-size: 25px;
                    color: #34b2a4;
                    padding-right: 20px;
                    position: initial;
                }