# New website I built for a financial advisement company

**URL:** <https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601>\
**Category:** Showcase\
**Created:** [December 24, 2020, 3:41am UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601 "2020-12-24T03:41:02Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)\
**Post date:** [December 24, 2020, 3:41am UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/1 "2020-12-24T03:41:02Z")

</div>

Here’s a recent site I just completed. Fairly simple/straightforward, but the client is quite happy. I designed their logo, business cards and letterhead first, and then matched the look & feel in their website. Even created a favicon to match his new logo.

> **[Retirement & Estate Planning, Captive Insurance, Personal & Business...](http://obrienassociates.org/)**
>
> O’Brien & Associates is a full-service insurance agency catering to closely held businesses and high net worth individuals. For over 20 years we have been a leading firm in the design, implementation and ongoing service of custom tailored...

---

<div class="post-metadata">

**Author:** ![vladeeeek](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/v/c0e974/32.png) [@vladeeeek](https://forum.bootstrapstudio.io/u/vladeeeek)\
**Post date:** [December 24, 2020, 11:22am UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/2 "2020-12-24T11:22:09Z")

</div>

Professional looking site, great work! Was design made using bootstrap studio?

---

<div class="post-metadata">

**Author:** ![jo-r](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/jo-r/32/1926_2.png) [@jo-r](https://forum.bootstrapstudio.io/u/jo-r)\
**Post date:** [December 24, 2020, 5:45pm UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/3 "2020-12-24T17:45:56Z")

</div>

Very nice @printninja as @vladeeeek already said, very professional. Lovely design too very pleasing to the eye and functional as can be. Kudos!

---

<div class="post-metadata">

**Author:** ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)\
**Post date:** [December 26, 2020, 8:59am UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/4 "2020-12-26T08:59:04Z")

</div>

Yes, website totally done in Bootstrap Studio. Graphics done in Photoshop and Illustrator.

---

<div class="post-metadata">

**Author:** ![b00tz2big](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/b/e9bcb4/32.png) [@b00tz2big](https://forum.bootstrapstudio.io/u/b00tz2big)\
**Post date:** [February 20, 2021, 7:16pm UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/5 "2021-02-20T19:16:36Z")

</div>

Looks great! Question though, how did you get the Google Maps API to work? I tried using that in a project I started working on and I couldn’t get it to work. I went through a tutorial on YouTube for creating a Google Maps API key but I must have missed something because when I copy-paste the API key in the API key box it doesn’t work. It just shows up blank.

---

<div class="post-metadata">

**Author:** ![printninja](https://forum.bootstrapstudio.io/user_avatar/forum.bootstrapstudio.io/printninja/32/481_2.png) [@printninja](https://forum.bootstrapstudio.io/u/printninja)\
**Post date:** [February 21, 2021, 3:54am UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/6 "2021-02-21T03:54:41Z")

</div>

There’s no need to go to YouTube (especially since it probably wasn’t a Bootstrap Studio tutorial video. Just follow the instructions in the BSS Tutorial for the Map component…

> **[How to Use Google Maps in Bootstrap Studio](https://bootstrapstudio.io/tutorials/google-maps)**
>
> Tutorials and guides about Bootstrap Studio, the revolutionary web design and development tool.

FYI, you don’t even need to use this if you don’t want to. You can just go to Google Maps in your browser, enter your business and when it comes up, go to the hamburger menu at the top of the left sidebar and from the drop down choose “share or embed map.” A window will pop up that says Share  
and there will be two links Send a link or Embed a map. Choose embed a map and copy the code. Then you just use the custom code component to embed the map in your website via an iframe. There are a few options in the code such as the width and height, which you can edit after you past the code into the BSS custom code component. I usually set the width to 100%, and the height to whatever height I want the map to be.

This also has (what I believe) is the advantage of Google Map’s “loading=lazy” feature which I do not think BSS’s Map component offers (in fact I should post that as a question/idea in the Ideas category.)

When I did back-to-back tests on Google Page Speed Insights, it did seem to show that when the map is embedded using the custom code and Google’s iframe code, there are fewer render-blocking resources loaded, and the page rendered more quickly then when I used the BSS Map component.

Gotta ask Martin about this.

---

<div class="post-metadata">

**Author:** ![b00tz2big](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/b/e9bcb4/32.png) [@b00tz2big](https://forum.bootstrapstudio.io/u/b00tz2big)\
**Post date:** [February 21, 2021, 6:59pm UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/7 "2021-02-21T18:59:06Z")

</div>

> [@printninja](#):
>
> How to Use Google Maps in Bootstrap Studio

Thank you! Wow, that was way easier than I thought lol but that’s why I’m still learning.

---

<div class="post-metadata">

**Author:** ![robonz](https://forum.bootstrapstudio.io/letter_avatar_proxy/v4/letter/r/d9b06d/32.png) [@robonz](https://forum.bootstrapstudio.io/u/robonz)\
**Post date:** [March 28, 2021, 8:58pm UTC](https://forum.bootstrapstudio.io/t/new-website-i-built-for-a-financial-advisement-company/6601/8 "2021-03-28T20:58:45Z")

</div>

Looks very nice. On my iPad, everything seems functional at both rotations.
