The goal of this page is to display LMIT's client websites. It uses a real-time, responsive iframe to display the site. You can change the website via a dropdown menu. It displays the name of the organization, a short description, and their logo. You are also able to change the view of the iframe using two buttons to see a desktop and mobile view. View the website at lmit.io/portfolio.

I made the visual elements of this site using HTML and CSS. The Bootstrap 4 library was used in CSS to style the site easier and create a more streamlined look with the existing pages on the site. To acomplish the desktop and mobile buttons jQuery in Javascript was used to set the block display to none and then back to visible depending on the view. jQuery is also used to change the site in the iframe when a different site in the dropdown is selected. The code was then integrated to the existing Wordpress site using a Header & Footer Javascript Plugin, Additional CSS, and the HTML block.

This site was designed for an entrepenuer who started a social media marketing agency designed to teach businesses to increase their revenue. It features a simple, aesthetically pleasing design language that gets to the point. The ultamite goal is to funnel people to book a call and hear more about the program. A Calendly integration was used to make scheduling calls as simple as possible. Other features of the site include panes with images or videos to show results or testimonials. Check it out at joindsf.com.

Overall, this site is almost as simple as they come. It uses HTML and CSS. I used a CSS library called Tailwinds CSS to create the beautiful UI. Although Tailwinds CSS was probably overkill for this project, it got the job done nicely. Thankfully, Calendly makes it super simple to create an emebeded calender for call booking; just a simple copy and paste from the Calendly users account.