Kids Adventure- Crossing ditch on Swinging Rope

After my kids are over with playing the mini golf and Hanging Monkey Bridge, then zip line rope. They are now ditch with swing rope. they do it like a charm.<br /> <br /> Thanks for reading and watching.<br /> <br /> Like and subscribe to my YouTube Channel <a href="https://www.youtube.com/channel/UCkg5BQEcyR414Z2MJ4qsdPw">HomeTech</a> for more interesting videos<br /> <div> <br /></div> <iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/XFxhwVWblYw" width="480"></iframe>

Kids Adventure- Crossing ditch on Swinging Rope

After my kids are over with playing the mini golf and Hanging Monkey Bridge, then zip line rope. They are now ditch with swing rope. they do...

Read more »

Design Transparent Login Form in HTML & CSS - Html Login Page Design

<div class="tr_bq"> Design Transparent Login Form in HTML & CSS - Html Login Page Design - Login form Design Source Code</div> In this tutorial we will learn how to create beautiful sign in form in html and css.<br /> we will need<br /> 1. A background image (.jpg, .png)<br /> 2. A user icon image<br /> 3. Any text editor<br /> 4. passion to learn and a cup of coffee :)<br /> So lets get to work<br /> 1. Create a folder and place the images mentioned at no 1 and 2.<br /> 2. Now open your favourite text editor (I am using Sublime text) and type following html code<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguhdndjj2ws2FJZiQf_8PjuQCyKNGtCBYwLjIM2ln5X3SfGNIAULoEU8IYUSA1XD4sdSYOyQ-etg1Y7rqNEgq_fUDQizzUUKSUdexEmg6BMzotUbN6EeJIz1nG7mijI3Q4fGWTvRUgwgNb/s1600/index.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="325" data-original-width="510" height="203" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguhdndjj2ws2FJZiQf_8PjuQCyKNGtCBYwLjIM2ln5X3SfGNIAULoEU8IYUSA1XD4sdSYOyQ-etg1Y7rqNEgq_fUDQizzUUKSUdexEmg6BMzotUbN6EeJIz1nG7mijI3Q4fGWTvRUgwgNb/s320/index.JPG" width="320" /></a></div> <br /> 3. save it at the folder of images you just created with <i>index.html</i><br /> 4. Now create a new file and type the css code and save it in same folder as <i>style.css</i><br /> <blockquote> <i>body {</i><i><span style="white-space: pre;"> </span>margin: 0;</i><i><span style="white-space: pre;"> </span>padding: 0;</i><i><span style="white-space: pre;"> </span>background: url(Nature.jpg);</i><i><span style="white-space: pre;"> </span>background-size: cover;</i><i><span style="white-space: pre;"> </span>font-family: sans-serif;</i><i>}</i><i><br /></i><i>.loginBox {</i><i><span style="white-space: pre;"> </span>position: absolute;</i><i><span style="white-space: pre;"> </span>top: 50%;</i><i><span style="white-space: pre;"> </span>left: 50%;</i><i><span style="white-space: pre;"> </span>transform: translate(-50%, -50%);</i><i><span style="white-space: pre;"> </span>width: 350px;</i><i><span style="white-space: pre;"> </span>height: 420px;</i><i><span style="white-space: pre;"> </span>padding: 80px 40px;</i><i><span style="white-space: pre;"> </span>box-sizing: border-box;</i><i><span style="white-space: pre;"> </span>background: rgba(0,0,0,.5); <span style="white-space: pre;"> </span></i><i>}</i><i>.user {</i><i><span style="white-space: pre;"> </span>width: 100px;</i><i><span style="white-space: pre;"> </span>height: 100px;</i><i><span style="white-space: pre;"> </span>border-radius: 50%;</i><i><span style="white-space: pre;"> </span>overflow: hidden;</i><i><span style="white-space: pre;"> </span>position: absolute;</i><i><span style="white-space: pre;"> </span>top: calc(-100px/2);</i><i><span style="white-space: pre;"> </span>left: calc(50% - 50px)</i><i><br /></i><i>}</i><i>h2 {</i><i><span style="white-space: pre;"> </span>margin: 0;</i><i><span style="white-space: pre;"> </span>padding: 0 0 20px;</i><i><span style="white-space: pre;"> </span>color: #efed40;</i><i><span style="white-space: pre;"> </span>text-align: center; </i><i>}</i><i>.loginBox p {</i><i><span style="white-space: pre;"> </span>margin: 0;</i><i><span style="white-space: pre;"> </span>padding: 0;</i><i><span style="white-space: pre;"> </span>font-weight: bold;</i><i><span style="white-space: pre;"> </span>color: #fff;</i><i>}</i><i>.loginBox input {</i><i><span style="white-space: pre;"> </span>width: 100%;</i><i><span style="white-space: pre;"> </span>margin-bottom: 20px; </i><i>}</i><i>.loginBox input[type="text"],</i><i>.loginBox input[type="password"]</i><i>{</i><i><span style="white-space: pre;"> </span>border: none;</i><i><span style="white-space: pre;"> </span>border-bottom: 1px;</i><i><span style="white-space: pre;"> </span>background: transparent;</i><i><span style="white-space: pre;"> </span>outline: none;</i><i><span style="white-space: pre;"> </span>height: 40px;</i><i><span style="white-space: pre;"> </span>color: #fff;</i><i><span style="white-space: pre;"> </span>font-size: 16px;</i><i>}</i><i>::placeholder {</i><i><span style="white-space: pre;"> </span>color: rgba(255, 255, 255, .5);</i><i>}</i><i>.loginBox input[type="submit"] </i><i>{</i><i><span style="white-space: pre;"> </span>border: none;</i><i><span style="white-space: pre;"> </span>outline: none;</i><i><span style="white-space: pre;"> </span>height: 40px;</i><i><span style="white-space: pre;"> </span>color: #fff;</i><i><span style="white-space: pre;"> </span>font-size: 16px;</i><i><span style="white-space: pre;"> </span>background: #ff26ff;</i><i><span style="white-space: pre;"> </span>cursor: pointer;</i><i><span style="white-space: pre;"> </span>border-radius: 25px;</i><i>}</i><i>.loginBox a {</i><i><span style="white-space: pre;"> </span>color: #fff;</i><i><span style="white-space: pre;"> </span>font-size: 14px;</i><i><span style="white-space: pre;"> </span>font-weight: bold;</i><i><span style="white-space: pre;"> </span>text-decoration: none;</i><i>}</i></blockquote> <i></i><br /> You are done. open the index.html file and wallla!!!<br /> See the video for how it looks<br /> <br /> Thanks for reading and watching.<br /> <br /> Like and subscribe to my YouTube Channel <a href="https://www.youtube.com/channel/UCkg5BQEcyR414Z2MJ4qsdPw">HomeTech</a> for more interesting videos<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="270" src="https://www.youtube.com/embed/Qnsew3G7gTI" width="480"></iframe>

Design Transparent Login Form in HTML & CSS - Html Login Page Design

Design Transparent Login Form in HTML & CSS - Html Login Page Design - Login form Design Source Code In this tutorial we will learn ho...

Read more »

United Bravo Car 2018 Full Specification and Price In Pakistan

News of launching United Bravo hatchback car from United Auto from last year has now come to reality. United Autos the local bike manufacturing company is now making new 800cc cars in the country. United auto has even built its own manufacturing plant in Lahore. United Bravo hatchback is 800cc car and will be direct competitor of Suzuki Mehran. The company had imported two units of J-TT. This new hatchback car, will be around 0.6 to 0.7 Million rupees Pakistani much less than price of Suzuki Mehran. United Autos has applied to Intellectual Property Organization of Pakistan for the copyright of car namely ‘United Bravo’.<br /> <br /> <b>United Bravo Specifications</b><br /> The United Bravo would come two Versions<br /> 1. Economy Version has Mechanical Steering, No AC and No Remote Control Lock<br /> 2. Luxurious Version has EPS steering, AC and Remote Control Lock<br /> <br /> Model DH350S DAHE<br /> Engine LJ368QA 800 CC EFI 3 Cylinder, four stroke<br /> Independent suspension <br /> Power Windows<br /> Rear view camera<br /> Hydrauli brake, Front disc&Rear disc<br /> Fuel Tank 30 L<br /> Fuel Consumption 22 Km per Liter FM Radio, USB<br /> Fog Lights<br /> Aluminium Alloy Rim<br /> <br /> The United Bravo is a renamed Dahe Motor DH350. Here are some of snapshots of the car which the company will launch soon. This shows the company ordered have arrived in Pakistan.<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="344" src="https://www.youtube.com/embed/TQ9ZKanq9RM" width="459"></iframe> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkVyxLfQzBxy-LShdj8X9_C-IzYBSJd4VaE-Qcf0y1_iWWr9lIlPnfx8sSuBdMTeiBdkrK3VBMO-1zQnSmOuCrNFUg-dUlgRg00dn0dv1tYJ4OvjI9lzTTF5v-4g_SpkXytjvlNcDbK9yK/s1600/IMG-20180424-WA0004.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkVyxLfQzBxy-LShdj8X9_C-IzYBSJd4VaE-Qcf0y1_iWWr9lIlPnfx8sSuBdMTeiBdkrK3VBMO-1zQnSmOuCrNFUg-dUlgRg00dn0dv1tYJ4OvjI9lzTTF5v-4g_SpkXytjvlNcDbK9yK/s320/IMG-20180424-WA0004.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheG_4B3OnkfFW5gWczrC-EfGBWEEGrLoFBshWKJT8CUadD_2tRPcfwbFuy4L9fuk4Y8RenWTZgE8W858Z-5X_u5ljJ4VgCGhfTJiZCMgp1rPxFhoCkwFC-3XbzHqOdkRi_0F2HkT68HJoe/s1600/IMG-20180424-WA0005.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheG_4B3OnkfFW5gWczrC-EfGBWEEGrLoFBshWKJT8CUadD_2tRPcfwbFuy4L9fuk4Y8RenWTZgE8W858Z-5X_u5ljJ4VgCGhfTJiZCMgp1rPxFhoCkwFC-3XbzHqOdkRi_0F2HkT68HJoe/s320/IMG-20180424-WA0005.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWuW7ELUFe8ZL0igfbi9KD5Sn2rmTDvNfpaN0-9ktIz7-wKLWDjK0ZPCdGcDnXwzVaSqsKW8U1191APWpvbY8ZG-AeCRVriiK1GXhfHVum3uQhwv8hHmIkGOtBdAFeOYjGCEud6POagXKn/s1600/IMG-20180424-WA0006.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWuW7ELUFe8ZL0igfbi9KD5Sn2rmTDvNfpaN0-9ktIz7-wKLWDjK0ZPCdGcDnXwzVaSqsKW8U1191APWpvbY8ZG-AeCRVriiK1GXhfHVum3uQhwv8hHmIkGOtBdAFeOYjGCEud6POagXKn/s320/IMG-20180424-WA0006.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbFMqjFynpRJbgbm_y9cvmWtzbLvawJ6q_Wlwrx5PYi6n55P8mNrPxSdSpMBKwPvkd6OsoJMwqgnG1f8QmuCwvj8fvV2jSI1yqomsWz2BzX4cJyKElYJbfZeAj-bUidYiqLLOOSv6iY82/s1600/IMG-20180424-WA0007.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigbFMqjFynpRJbgbm_y9cvmWtzbLvawJ6q_Wlwrx5PYi6n55P8mNrPxSdSpMBKwPvkd6OsoJMwqgnG1f8QmuCwvj8fvV2jSI1yqomsWz2BzX4cJyKElYJbfZeAj-bUidYiqLLOOSv6iY82/s320/IMG-20180424-WA0007.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhTys_23ObW0PxOOWtz5IxUhU_EBfY1lEKTIO-DdvUQjwcvw5VOySBM8dL0lvjvtYDIuMIeiSPZ54tEVnYIyYFs6Qiz_TLxbozWOU2N-p9IbIHLiy7jfXHKELoNrziGKSAebgjKdwU-eb/s1600/IMG-20180424-WA0008.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="960" height="180" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNhTys_23ObW0PxOOWtz5IxUhU_EBfY1lEKTIO-DdvUQjwcvw5VOySBM8dL0lvjvtYDIuMIeiSPZ54tEVnYIyYFs6Qiz_TLxbozWOU2N-p9IbIHLiy7jfXHKELoNrziGKSAebgjKdwU-eb/s320/IMG-20180424-WA0008.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LLfPKFF0unUYYPlCEqpV_IHOp1rEG0N-r8MGjbaZr-ROfO-9iITMcs7yhFgsYvTTMIE1VYTFvb98C4nWIth2zJAMHmD2qpk1Fqwgs9Cqb31GoS3RWkpLOy69n4HURPRny5gpPx3jA2pu/s1600/IMG-20180424-WA0009.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi0LLfPKFF0unUYYPlCEqpV_IHOp1rEG0N-r8MGjbaZr-ROfO-9iITMcs7yhFgsYvTTMIE1VYTFvb98C4nWIth2zJAMHmD2qpk1Fqwgs9Cqb31GoS3RWkpLOy69n4HURPRny5gpPx3jA2pu/s320/IMG-20180424-WA0009.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> </div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWgHjDwLdD3rmWUteSUOmniCC2Xx0FMCIDQFpvoDNJ-TB1VfibCSAx7w8JAijjJ9pd5QzIzAb-cjhcaBfNFAcmUBQ1eamrMRBehNOlkDE6Trs1JFmjarQscKXNyXsJIsHJgOQHTOyWXk2/s1600/IMG-20180424-WA0011.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWgHjDwLdD3rmWUteSUOmniCC2Xx0FMCIDQFpvoDNJ-TB1VfibCSAx7w8JAijjJ9pd5QzIzAb-cjhcaBfNFAcmUBQ1eamrMRBehNOlkDE6Trs1JFmjarQscKXNyXsJIsHJgOQHTOyWXk2/s320/IMG-20180424-WA0011.jpg" width="320" /></a></div> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPTe43sDhCm2wyA-mDUSvppCojUe0Ieb0-cBx-TnURYp9oHZWx0jLccOnI_aNm4cLXXB2zE6dL7vdD3l-SMrI41ApkDpSSn_Br8EiCHFuJZc0BNcJZpVtrqhmDExZGWuGA5bqjEqBNqEZ/s1600/IMG-20180424-WA0014.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="240" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpPTe43sDhCm2wyA-mDUSvppCojUe0Ieb0-cBx-TnURYp9oHZWx0jLccOnI_aNm4cLXXB2zE6dL7vdD3l-SMrI41ApkDpSSn_Br8EiCHFuJZc0BNcJZpVtrqhmDExZGWuGA5bqjEqBNqEZ/s320/IMG-20180424-WA0014.jpg" width="320" /></a></div> <br /> <div style="background: white; margin-bottom: 7.5pt; margin-left: 0in; margin-right: 0in; margin-top: 0in;"> <br /></div>

United Bravo Car 2018 Full Specification and Price In Pakistan

News of launching United Bravo hatchback car from United Auto from last year has now come to reality. United Autos the local bike manufactur...

Read more »