Bryan G. Granse

I am a Front End Developer

ABOUT ME

Bryan G. Granse

I am Working as WordPress Designer and Developer, I graduated last 2014, taking a cours of Bachelor of Science in Information Technology, since then I started working as freelancers full time for my previous client, and what I am doing is to design a new website from Digital site, Agency Site, Ecommerce or Shopping site using Woocommerce, Magento, Shopify and Opencart, I am expert in terms of Managing Cpanel, On page SEO, Keyword Research, Banner Design Using Adobe Photoshop, installing WordPress CMS from scratch, connect Cpanel hosting fo a new domain, able to work full time and flexible for Emergency task or urgent task.

Me

My Professional Skills

I can do technical works such as PHP coding, HTML, CSS and JS, I can use bootstrap for CSS responsiveness, Develop Ecommerce Website, Able to design banners using Adobe Photoshop, website speed optimization and audit, Website Maintenance and CPanel management, I also do SEO since I am also a blogger myself and monitize using Google AdSense, I am able to do Facebook Advertisement, Adwords and design landing pages using Clickfunnels, Leadpages or OptimizePress.

Web Design / JavaScript 90%
Web Development & Cpanel Management 85%
PHP, HTML & CSS and Mobile Responsive 95%
Wordpress / Custom WP eCommerce 98%

Services

Website Development

I can work with less management as long as task for website is cleared, I have strong capabilities on my own suggestions about your website plan.

Animated elements

If you love to have a website sliders or Photo effects or one page design, I can do it for you I have best Themes for your website plan.

Responsive Design

Responsiveness is always one of the important thing when you have a website, and I can optimize mobile responsiveness according to your request, I use mobile media query CSS.

Modern design

I can make a good look and professional website or even you give me a website refference of what kind of website you want to be done.

Flexible and with New PC and Fast Internet

Previously I encountered problems of my internet due to basic plan so I was upgrading my plan and avail 10mpbs internet connection, which you can surely I am available during working hours or even urgent time.

Fast support

I always depend on my client (especially with the changes of particular task) and I am able to work with pressure, if the task needs to be done in a time frame I will do more effort and make the job done before the given time frame.

My SEO Tips and Journey

0
completed project
0
Clients
0
facebook like
0
current projects

Portfolio / Blog

Showing posts with label Elementor Pro. Show all posts
Showing posts with label Elementor Pro. Show all posts

  • Background Overlay Elementor Pro and Free Version Custom CSS

     This is a quick background overlay code for Pro Version:

    /*Tablet background Overlay Elementor Pro*/
    @media(max-width:1024px){
        selector.elementor-element > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(
    80deg, #000000 20%, #F2295B00 80%);
        opacity: 0.79;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    }
    /*Mobile background Overlay Elementor Pro*/
    @media(max-width:767px){
        selector.elementor-element > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(
    180deg, #000000 20%, #F2295B00 80%);
        opacity: 0.79;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    }

    This is a code for quick styling of the mobile in the Elementor Free version:




    /*Tablet background Overlay Elementor Free*/
    @media(max-width:1024px){
        .bg-overlay.elementor-element.bg-overlay > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(
    90deg, #000000 30%, #F2295B00 80%);
        opacity: 0.79;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    }

    /*Mobile background Overlay Elementor Free */
    @media(max-width:767px){
        .bg-overlay.elementor-element.bg-overlay > .elementor-background-overlay {
        background-color: transparent;
        background-image: linear-gradient(
    180deg, #000000 30%, #F2295B00 80%);
        opacity: 0.79;
        transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    }
    }

    You can watch the tutorial base on this video here

  • How to Make Horizontal Divider Line in Elementor Into Vertical Line Divider

     This kind of strategy is easy to implement just go to your Elementor editor where you edit the page then drag the Divider element, do some settings changes, then add this line of code below into the Custom CSS.

    Also, you need to change the width from Percentage into Pixels:


    selector{
        transform: rotate(90deg)
    }

    Note that you can also use this for any element simple but do the job done. Cheers!

    • GET A FREE QUOTE NOW

    I am flexible and would like to work with you long term, and currently I am looking for a fulltime job with a long term opportunity, but able to work also part-time, get free qoute for project.

    GET FREE QUOTE

    SAY HELLO TO ME

    Search This Blog
    Powered by Blogger.

    Mga Pahina

    ADDRESS

    Purok 5-A, Brgy. Magdum, Tagum City 8100, Davao del Norte, Philippines

    EMAIL

    gransebryan@gmail.com
    bryanworkdevs@gmail.com

    Copyright © 2014 - 2023 BG - Website Developer & SEO Expert. Designed By Bryan G. Granse
    Made With