This was the site I previous had made by way-too-expensive service: Priya Agrawal | San Francisco Luxury Real Estate Agent
I am trying to replicate the hero section with a transparent navbar and a background video. I am having trouble with the following.
- I’m hoping to have the background video have the top ~100px cropped out. The reason is that the video shows a lot of sky, which makes the white logo get washed out.
- I’d like the background video to auto-size to be as tall as the initial browser window. That way, a person has to scroll to get to the next section.
- I’d like to have a slight black film over the video to make it slightly darker so the white logo and text on the navbar is more visible.
- I’d like to add a tagline and button over the video, nice and centered.
- I’m having trouble making the links on the navbar be completely on the left without margin.
Here’s the current site I’m building using Webflow: Webflow - Priya Agrawal Team's Amazing Project
Any help is much appreciated to accomplish what I’m going for!