Anvar Freelance Web Developer
+91-808-999-0405

Select entire week and put week interval in input field

I have used Bootstrap datetime picker in my project ran into same problem like yours When trying to select the weeks. Got the below Solution on my own you can try it. Required Files : Bootstrap.css Bootstrapdatetime picker css(You can use only datepicker instead of datetime) jquery.js Bootstrap.js moment.js Bootstrap Date time Picker js(Again you…

Read More »

How to Add a Date Picker to a Bootstrap Form

This tutorial will teach you how to add a date picker to your form using bootstrap. A date picker is an interactive dropdown that makes it easy to choose the date from a calendar instead of typing it manually. It’s a great way to avoid user errors because you can see the corresponding day of…

Read More »

How to make a responsive youtube iframe video

To scale a YouTube video to fit any browser or tablet/mobile device for responsive design you can use either a CSS or Javascript solution to accomplish the goal. This example uses a CSS solution, you need to add a couple of CSS styles in your main CSS file. Here is what a typical YouTube embed…

Read More »

Avoid Google Map iframe zoom in and out of scrolling

You can simply remove the zoom in and out google map by adding an overlay. So you can solve this by putting a div with an .overlay exactly before each gmap iframe insertion, see: <html> <div class=”overlay” onClick=”style.pointerEvents=’none'”></div> <iframe src=”https://mapsengine.google.com/map/embed?mid=some_map_id” width=”640″ height=”480″></iframe> </html> In my CSS I created the class: .overlay { background:transparent; position:relative; width:640px;…

Read More »

anvar html

Lightbox overlay images

Lightbox is small java script library used to overlay images on top of the current page. It’s a snap to setup and works on all modern browsers. Add touch gesture support. Rewrite animations for performance and flexibility. Optimize layout for mobile. Optimize layout for screens of varying densities. Use inline SVG for UI elements. Do…

Read More »

anvar html

Lemonade Gallery grid system

Lemonade is a a simple, flexible and easy-to-customise grid system. It was created in order to give designers & developers a kickstart with their projects. It currently supports Chrome, Firefox, Safari, Opera & IE 9+, also supports major phone devices too. Preview: http://demo.bearsthemes.com/?item=lemongrid Download: http://lemonade.im/

Read More »

anvar html

Image hover effects that work with or without bootstrap

From this website you will get the html and css code for image hover effects that’s works with or without bootstrap. And also you can set the social media share options on the image hover effects. This image hover is free and all the effects fully responsive to all the web browsers like Google Crome Mozilla and…

Read More »