transparent Dropdown Menu

Hi everyone, today we shall be talking about "HTML", "CSS" and "Bootstrap", "wowslider" and "embedded video",AND "FONT AWESOME", we shall combine all this to create a front page travel website, please note that i am a novice at this so i welcome any feedback, "Bracket IDE" Was used in writing this code. well lets dig dig in. ![923fw6.png](https://img.esteem.app/923fw6.png) A sample for a travel page website from the front page website, it can be seen from the left that a video is playing, you'll find the code below, it was designed so that when a web-surfer views the page, the videos play automatically, though google is against this, but its just for learning purposes. ![n826zu.png](https://img.esteem.app/n826zu.png) Another view also you'll notice that the "drop down menu" has a transparent feature, this gives the platform a unique look, and then again, wow slider was used to display pictures on the page,it is just in its testing period, feel free to copy the code and use . | HTML| CSS | FONT AWESOME | COMPANY LOGO |COMPANY| | NAME | BOOTSTRAP| EMBEDDED VIDEO | **HTML CODE** transparent Dropdown Menu

Al Futahiem Travels

Home
About Us
Services
Contact
News
Training

jquery image slider by WOWSlider.com v7.7

**CASCADING STYLE SHEET CODE** #wowslider-container1{ position:relative; top:40px; left:500px; z-index:-1px; } .content{ position: absolute; top:200px; left:0; bottom:0; right:0; overflow:auto; z-index:1; } body{ background-image:url("war.jpg"); background-repeat: repeat-x; background-size: cover; font-size: arial; color: aliceblue } ul{ margin:0px; padding:0px; list-style: none; } ul li{ float:left; width:200px; height:40px; background-color: lightpink; font-size:20px; opacity:.8; line-height: 40px; text-align: center; margin-right: 10px; } ul li a{ text-decoration: none; display:block; color:aliceblue; } ul li :hover { background-color:#ff8000; } } ul li a :hover { background-color:#ff8000; } ul li ul li{ display:none; } ul li:hover ul li { display:block; } .logo img{ position:fixed; left:0; top:0; height:50px; width:150px;} .fa{ margin-right: 15px; color: firebrick} #form input { background-color:#000; background-position: left; background-size: auto; font-weight: bold; text-align: left; padding: 5px; margin: 10px 10px 10px 30px; border:1px solid #fff;} #myvideo { object-fit:none; z-index: -100; top:20px; left:500px; margin-top:200px; position: relative;} .site-footer { color:white; margin:5px; padding:2px; font-size: bold; text-align: center; } #footer-content { background:grey; border-width: 2px; letter-spacing: normal; } NOTE: FEEL FREE TO PROVIDE A FEEDBACK IN THE COMMENT SECTION BELOW, DONT FORGET TO VOTE THIS HANDLE.HAPPY CODING.

diodio