Home
Search results “Div style text”
HTML div tag Example and Tutorial using CSS
 
09:06
http://www.LittleWebHut.com This video demonstrates how to use the HTML / XHTML div tag and how to style it with CSS. The examples will cover the basic usage for the div tag and demonstrate the CSS color, text-align, background, float, and width properties.
Views: 466078 tutor4u
9: CSS Text Styling Tutorial | Basics of CSS | Learn HTML and CSS | HTML Tutorial
 
16:01
CSS text styling tutorial | Basics of CSS | Learn HTML and CSS | HTML tutorial. In this HTML tutorial you will learn how to style text using CSS, which is important to make your content stand out on your website, and make it readable to the website visitors. Using CSS to change text is easy, and you will learn to style text in no time. When it comes to styleing headers or paragraphs using CSS, it is done the same way, however there might be a few differences which we will discuss in this video. CSS units list: https://www.w3schools.com/CSSref/css_units.asp Adobe Color Wheel: https://color.adobe.com/ ➤ GET ACCESS TO MY LESSON MATERIAL HERE! First of all, thank you for all the support you have given me! I am really glad to have such an awesome community on my channel. It motivates me to continue creating and uploading content! So thank you! I am now using Patreon to share improved and updated lesson material, and for a small fee you can access all the material. I have worked hard, and done my best to help you understand what I teach. I hope you will find it helpful :) Material for this lesson: https://www.patreon.com/posts/html-9-download-15593539
Views: 50378 mmtuts
CSS Tutorial for Beginners - 02 - Changing font type, color, and size
 
04:06
In this video we go over changing the font type, size, and color. Source for episode: http://pastebin.com/RVK07MrM
Views: 434023 EJ Media
How to Style Text in CSS
 
06:38
Do you want to know how to style text with css? Then this is the video for you! This video covers 10 different styles that you can use to transform the appearance of text on your site with CSS. I made this video a while ago but the audio was terrible so I did it again. Thanks for watching How to Style Text in CSS
Views: 358 Domhnall O' Hanlon
CSS - Show Text Over An Image On Hover Without JavaScript ( With And Without Footer Text)
 
09:47
Note : This may not a SEO friendly approach. Learn how to place / show text over an image on hover without JavaScript ( with And without footer text) + On hover zoom effect. About me : https://www.youtube.com/c/zfunx/about Check the latest cross browser code at (updated on 4-sep-2017) : https://codepen.io/zFunx/pen/GveLaQ CSS used in this video ( without footer ) : .textOverImage{ position:relative; width:300px; height:300px; float:left; margin:4px; background-size:100%; background-position:center; transition:0.5s; } .textOverImage:hover{ background-size:110%; } .textOverImage:after{ position:absolute; top:100%; bottom:0; left:0; right:0; white-space:pre-wrap; overflow:hidden; background-color:rgba(0,0,0,0.6); color:#fff; padding:0 8px; opacity:0; content:attr(data-text); transition:0.5s; } .textOverImage:hover:after{ opacity:1; top:0; padding:8px; } .textOverImage:first-line{ color:#fff; font-weight:bold; font-size:1.5em; } ------------------------------------------------------------- CSS used in this video ( with footer ) : .textOverImage{ position:relative; width:300px; height:300px; float:left; margin:4px; background-size:100%; background-position:center; transition:0.5s; } .textOverImage:hover{ background-size:110%; } .textOverImage:after{ position:absolute; top:90%; bottom:0; left:0; right:0; white-space:pre-wrap; overflow:hidden; background-color:rgba(0,0,0,0.3); color:#fff; padding:0 8px; content:attr(data-text); transition:0.5s; } .textOverImage:hover:after{ top:0; padding:8px; background-color:rgba(0,0,0,0.6); } .textOverImage:first-line{ color:#fff; font-weight:bold; font-size:1.5em; } ----------------------------------------------------- Image used : http://www.nature.com/nature/journal/v477/n7365/images/477415a-f1.2.jpg https://s-media-cache-ak0.pinimg.com/736x/36/66/76/3666764312573a54adef888747d0c8f3.jpg
css position property  tutorial ( fixed, absolute, relative, static )
 
16:48
CSS 'position' property explained . Learn how each fixed, absolute, relative, static value works with simple examples. 1. Static . 0:44 . (the default position, disturbing other elements) 2. relative . 2:00 . (remains in original position, but can be moved around without disturbing other elements) 3. Absolute . 7:35 . (remains in original position, but by default disturbs other elements - initially only) 4. fixed . 13:40 . (remains in original position, but by default disturbs other elements - initially only - also stays fixed on screen when scrolling up/down)
Views: 165170 techsith
Create DIV Boxes with Arrows and Pointers, using CSS
 
08:46
CSS is used to create boxes with arrows that point towards content. These are often used as tooltips and quick instructions that pop up to guide you along a website. This tutorial shows how to create these divs with arrows, and the logic behind the CSS code. Here's the code block used in this tutorial: //The main box .arrowBox{ width: 200px; height: 30px; background-color: #ffc728; border-radius: 5px; position: fixed; top: 3em; left: 230px; padding: 10px; font-family: Roboto, sans-serif; font-size: 14px; line-height: 22px; color: #313333; text-align: center; } //The arrow pointer .arrowBox:after{ content: ' '; width: 0px; height: 0px; border-top: 10px solid #ffc728; border-left: 10px solid transparent; border-bottom:10px solid transparent; border-right:10px solid transparent; position: absolute; left: 50%; top: 100%; margin-left: -10px; } Background music by: YouTube Free Music (End of Summer, and Pas de Deux)
Views: 37506 Arjun Khara
Kurs HTML #2 - Budowa strony opartej o DIV i style CSS
 
15:34
W niniejszym poradniku skupimy się na budowie prostej strony opierając się o DIV i style CSS. Nasza strona będzie zawierać nagłówek, sidebar (kolumnę) po lewej stronie i content (treść) po prawej. Zapraszam! Facebook: https://www.facebook.com/konkretnypl Twitter: https://twitter.com/m_romanowicz Instagram: https://instagram.com/filczynski/ Snapchat: http://konkretny.pl/moj-snapchat Blog: http://konkretny.pl/
Views: 7988 konkretny.pl
CSS - ( Part 2 : Adding Icon ) Simple Input Text Box
 
06:07
Code used : https://codepen.io/zFunx/pen/XRyqvx Part 1 : https://youtu.be/omJfspwjnZk Get started with Font Awesome : http://fontawesome.io/get-started/ Learn more about aria-hidden : http://csskarma.com/blog/difference-rolepresentation-aria-hiddentrue/ Website : https://web.zfunx.xyz/ Facebook : https://www.facebook.com/zfunxWeb Google+ : https://plus.google.com/113560671967552430928 Twitter : http://twitter.com/PleeZfunx Instagram : https://www.instagram.com/zfunx/
CSS Tutorial 7 - Styling Text
 
07:57
In this video, we talk about styling text using CSS, which we have actually done before in other tutorial videos - just not as in depth! This video explains how to alter texts' color, decoration (underline, strikethrough, etc.), font face, as well as its font weight using the "color", "text-decoration", "font-face", and "font-weight" properties in CSS! If you have any questions, comments, or suggestions, please don't hesitate to ask! Thank you for watching! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Forums: http://TechnicalCafe.net TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 3402 TechnicalCafe
Simple CSS Content Slider! [VOICE TUTORIAL]
 
13:51
The BEST way to make a header with HTML: https://www.youtube.com/watch?v=2Of_L7UY9uU I know I'm not the best at these kind of videos yet, but if this has been even a little bit helpful to you, please leave a like and I'll definitely make more of these! DOWNLOAD LINK! http://downloadmycode.com/browse Website: www.marchinton.com Twitter: www.twitter.com/marchintonn Facebook: www.facebook.com/marchintondevelopment
Views: 190815 Marc Hinton
HTML tutorial: Flowing text around an image | lynda.com
 
05:29
This HTML tutorial shows how to flow text around a normally inline image element using the CSS float property. Watch more at http://www.lynda.com/HTML-tutorials/HTML-Essential-Training-2012/99326-2.html?utm_medium=viral&utm_source=youtube&utm_campaign=videoupload-web-dev-mEMrFbX4Agg. This tutorial is a single movie from the first chapter of the HTML Essential Training course presented by lynda.com author Bill Weinman. The complete course is 5.5 hours long and introduces new web designers to the nuts and bolts of HTML (HyperText Markup Language), the programming language behind most web pages HTML Essential Training table of contents: Introduction 1. Overview 2. Fundamentals of HTML 3. Meta data and the document head 4. Text 5. A CSS Primer 6. Images 7. Hyperlinks 8. Lists 9. Structural, contextual, and semantic elements 10. Audio, video and other objects 11. HTML5 Data Elements 12. HTML5 Microdata 13. Document Outlines 14. Tables 15. Frames 16. Forms 17. A case study Conclusion
Views: 125368 LinkedIn Learning
Transparent Login Form with floating Placeholder Text - Pure CSS Label Slide Up on Focus - No jQuery
 
12:17
Please LIKE our NEW Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/
Views: 198872 Online Tutorials
How to Center a Div in Bootstrap
 
02:36
In this video, you'll be introduced to an equation that'll change your life. If you have any questions, please leave it in the comments below! Don't forget to like and subscribe! Follow me on: Facebook: http://fb.com/mostafa.elgayar1 Twitter: http://twitter.com/MostafaaGayar Good Luck! :)
Views: 39318 Mostafa Elgayar
Bootstrap form controls height and width
 
06:06
Tags how to set width of textbox in bootstrap bootstrap input width bootstrap 3 select width bootstrap default input height bootstrap select height bootstrap 3 text field height bootstrap textbox height bootstrap form group height bootstrap input group height In this video we will discuss how to control the height and width of Bootstrap form controls Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-form-controls-height-and-width.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1
Views: 51287 kudvenkat
DIV STYLE
 
02:18
See my all Tutorial visit my YouTube Channel https://www.youtube.com/channel/UClFdiToyOVTedPSxDSMusCw/playlists See My Blog visit http://onlinetutorialpage.blogspot.com/ div html layout with div div tag example in html div tag html div tag attributes div tag in html examples how to use div tag div tag attributes in html div tag div style attributes div examples in html div html layout div tag layout div tag examples div tag example css div tutorial div tag examples in html div attributes css layout tutorial step by step div html tutorial how to use div tag in html with example div example html div layout examples html div events div style div php html div class div tag tutorial html5 div xml div html div tutorial html 5 div div html5 html div style web div html div code div layout div layouts div class divelements div class html span html div in html5 how to use div in html div tag in html5 div tag examples in html5 div html 5 tag div php div div tag in html div div html div example html div examples html tag
Views: 466 Md. Momin
LITTLE BIG - GIVE ME YOUR MONEY (feat. TOMMY CASH)
 
05:58
Subscribe: http://bit.ly/2gdHQs8 New album "FUNERAL RAVE" available on iTunes now: http://apple.co/2hKUQq0 Give me your money on iTunes: http://apple.co/2fwMe4A Watch Apple Music Special «Little Big – Live In St. Petersburg»: https://lnk.to/LB_LiveInStPetersburgLB 😈 SKIBIDI LIVE TOUR 2019 😈 15.03 SOUTHPORT (UK) @ BANGFACE WEEKENDER 24.03 KIEV https://www.facebook.com/events/881083352077655 29.03 NEW YORK https://www.facebook.com/events/543436529504514 30.03 TORONTO https://www.facebook.com/events/229474624651576 31.03 CHICAGO https://www.facebook.com/events/1179701275541627 04.04 MIAMI https://www.facebook.com/events/2245736942305324 05.04 SEATTLE https://www.facebook.com/events/551019855378785 06.04 LOS ANGELES https://www.facebook.com/events/418123505594780 07.04 SAN FRANCISCO https://www.facebook.com/events/292184724978272 15.04 AMSTERDAM - SOLD OUT! 16.04 WARSAW - SOLD OUT! 17.04 PRAGUE - SOLD OUT! 19.04 BUDAPEST - SOLD OUT! 20.04 GENEVA https://www.facebook.com/events/2276248869274170 21.04 VILLEURBANNE @ FESTIVAL REPERKUSOUND 23.04 LONDON - SOLD OUT! 24.04 COPENHAGEN https://www.facebook.com/events/770423026666241 26.04 OSLO https://www.facebook.com/events/481189169069622 27.04 STOCKHOLM https://www.facebook.com/events/575231922889701 28.04 HELSINKI https://www.facebook.com/events/2265944290346519 06.05 RIGA https://www.facebook.com/events/760941344288133/ 07.05 TALLINN https://www.facebook.com/events/2265944290346519 09.05 VILNIUS https://www.facebook.com/events/2361261884105929 10.05 WROCLAW https://www.facebook.com/events/595735984183539 11.05 BERLIN https://www.facebook.com/events/617178948739199 13.05 BRATISLAVA https://www.facebook.com/events/449878225546820 16.05 ROME https://www.facebook.com/events/2343186235918023 17.05 REGGIO EMILIA https://www.facebook.com/events/832757090440137 18.10 TOULOUSE (FR) 21.10 LILLE (FR) 22.10 PARIS (FR) Mail to: [email protected] Booking (Ru, USA): [email protected] +79816863508 Booking (Europe): +33 608 815 807 Fabristi http://www.base-productions.com LITTLE BIG: itunes: http://apple.co/2fwMe4A facebook: https://www.facebook.com/littlebigbandofficial soundcloud: https://soundcloud.com/littlebigrussia vk: http://vk.com/littlebigband twitter: https://twitter.com/LITTLEBIG_BAND website: http://thelittlebig.com LITTLE BIG - GIVE ME YOUR MONEY (feat. TOMMY CASH) TOMMY CASH: facebook: https://www.facebook.com/cashmoneytommy youtube: https://www.youtube.com/channel/UCr92AKSfMI-quMa2UGcvWvg website: http://tommycashworld.com instagram: https://instagram.com/tommycashworld/ LITTLE BIG production: Directed: Ilya Prusikin, Alina Pasok, Tomas Tammemets DOP: Yriy Iskhakov Camera Assistants and focus pullers: Alecksandr Nevsky, Anton Vasilev Gaffer: Maksim Kolupaev Color: Vadim Lapshin Producer: Alina Pasok, Denis Glazin Line Producer: Sergey Makarov Art Director: Daria Uhvatova Editing: Alina Pasok, Ilya Prusikin VFX: Igor Eight Sound Director: Danny Zuckerman Costums: Irina Smelaya, Masha Dancers: Katya Voinova, Lena Abvgd, Nina Zaifert, Alyona Dvoichenkova Fat-girls: Polina Sokolova, Irina Budakova (show «Красотки Рубенса») http://vk.com/id50340216 www.krasotkirubensa.ru Guys in banya: Ruslan Gabidullin, Nikolay Kiselev Man in red suit: Stas Baretskyi Russian traditional dancers: Valeriy Ternovoy, Eugeniy Tkachev, Pavel Ribin, Dmitriy Gazizov, Ksenya Dzuba, Marina Bakursklya Olympia's slaves: Alexandr Lazenbniy, Artur Hachtarjan Crew and Runners: Julia Wichita, Denis Glazin, Anton Horev, Filipp Kozirev, Irina Smelaya, Sergey Nikiforov, Sasha Kucherenko, Eric Rikka, Vadim Tolmachev, Masha Lesovaya, Alexsey Rigov, Olga Kakao make up: Elena Pentenshina, Maria Francevich Music: Sergey Makarov, Iliya Prusikin (Mixing: Aleksander Karelin) Lyrics: Sergey Rahmaninov, Ilya Prusikin, Tommy Cash, Sergey Makarov Little Big band: Iliya Prusikin, Sergey Gokk Makarov, Olympiya Ivleva and Mr. Clown (Anton Lissov) Special Thanks: Sofa Taurskaya Ivan Egorov vk.com, Georgy Lobushkin «Boevaja Classica SPb» Dmitriy Korchevodov, Alexey Satirsky Ecologia Spb and Sheeps Andrey Yakovenko Ivan Romanov, Daria Gazubova, Spaidi, Katya Trachuk Mr. BrownGreen, Danila Poperechny, and guys who give money for us, thats bath full
Views: 41142262 Little Big
How to Use CSS Tutorial (Cascading Style Sheets)
 
15:01
http://www.frameworktv.com | LearnToProgram is now Framework. Visit and join for free daily videos teaching digital skills like coding and design. SUBSCRIBE TO THE FRAMEWORK CHANNEL http://www.youtube.com/subscription_center?add_user=UC4msOaZNMfPwMe_ztV5jFH SUBSCRIBE TO OUR EMAIL LIST (LEARN FOR FREE!) http://www.frameworktv.com/?src=YOUTUBE CSS (Cascading Style Sheets) are an important facet to quality web development. While your HTML code provides structure to the page it is the CSS code that allows you to create a pleasing design. In this video master trainer Mark Lassoff takes you through the basics of CSS code. This video is designed to be "just enough" to get you started using CSS code. Mark covers embedded styles sheets in the document head, attached style sheets, styling text, sizing divs and several ever concepts to help you get started with using css code. He will show you how to properly use a CSS selector and a CSS property. VISIT US ON FACEBOOK https://www.facebook.com/frameworkTechnicallySpeaking/ FOLLOW ON TWITTER https://twitter.com/fw_social INSTAGRAM https://www.instagram.com/frameworksocial/
Div layout issues - floating div overlap text padding and no
 
04:44
[ONE ISSUE HAS BEEN RESOLVED... SORTA] This video was made as a request for help with two issues I have experienced with using div container layouts - Padding and word wrap [WORD WRAP ISSUE RESOLUTION] I edited the CSS for the right content column, adding #word-wrap { word-break; }
Views: 5629 CachePCTech
Bootstrap list groups
 
07:40
bootstrap 3 list group examples bootstrap list group item badge bootstrap list group anchor bootstrap list group item color bootstrap list-group-item css bootstrap list-group-item disabled bootstrap list group custom content Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2016/06/bootstrap-list-groups.html Link for all dot net and sql server video tutorial playlists https://www.youtube.com/user/kudvenkat/playlists?sort=dd&view=1 Bootstrap list groups are useful for displaying simple lists of elements, as well as complex ones with custom content. Basic list group : To create a basic list group, create an unordered list. Use .list-group class on the [ul] element and .list-group-item class on the [li] element. [ul class="list-group"] [li class="list-group-item"]India[/li] [li class="list-group-item"]USA[/li] [li class="list-group-item"]UK[/li] [/ul] List group item with a badge : To create a badge, include a [span] element with .badge class inside the [li] element. [ul class="list-group"] [li class="list-group-item"]India[/li] [li class="list-group-item"]USA[/li] [li class="list-group-item"]UK[/li] [li class="list-group-item"] Australia [span class="badge"]New[/span] [/li] [/ul] List group with hyperlinks : To create list group with hyperlinks, use [div] instead of [ul] and [a] instead of [li] [div class="list-group"] [a href="http://dell.com" class="list-group-item"]Dell[/a] [a href="http://google.com" class="list-group-item"]Google[/a] [a href="http://microsoft.com" class="list-group-item"]Microsoft[/a] [/div] On hover the cursor changes to a hand symbol and the background colour changes to grey. When you click on an item, you will be redirected to the respective URL. Styling list items : Use contextual classes to style the list items. [ul class="list-group"] [li class="list-group-item list-group-item-danger"]India[/li] [li class="list-group-item list-group-item-info"]USA[/li] [li class="list-group-item list-group-item-success"]UK[/li] [li class="list-group-item list-group-item-warning"]Australia[/li] [/ul] Highlight and disable list group items : Use .active class to highlight a list-group-item and .disabled class to disable a list item. [ul class="list-group"] [li class="list-group-item disabled"]Disabled Item[/li] [li class="list-group-item active"]Active Item[/li] [li class="list-group-item"]Other Item 1[/li] [li class="list-group-item"]Other Item 2[/li] [/ul] List group custom content : List groups can contain your own custom content. Nearly any HTML can be used. [div class="list-group"] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 1 Heading[/h4] [p class="list-group-item-text"]List Group Item 1 Text[/p] [/a] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 2 Heading[/h4] [p class="list-group-item-text"]List Group Item 2 Text[/p] [/a] [a href="#" class="list-group-item"] [h4 class="list-group-item-heading"]List Group Item 3 Heading[/h4] [p class="list-group-item-text"]List Group Item 3 Text[/p] [/a] [/div]
Views: 68872 kudvenkat
CSS Positioning Tutorial for Beginners
 
20:14
How can we position our elements in CSS and how do the different values for the position property work? Limited Offer! Join the Full CSS Course at 90% off: https://acad.link/css Read the full article: https://academind.com/learn/css/understanding-css/the-position-property Check out all our other courses: https://academind.com/learn/our-courses ---------- Source code: https://github.com/academind/understanding-css/tree/01-position ---------- • Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow @maxedapps and @academind_real on Twitter • Join our Facebook community on https://www.facebook.com/academindchannel/ See you in the videos! ---------- Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!
Views: 114648 Academind
How to Float 3 DIV Boxes Side by Side in a Row.  Stack & Align DIV Boxes Side by Side w/ HTML & CSS
 
11:05
In this tutorial I will show you how to write code for three small div boxes inside one large div box. Div side by side, float div boxes, floating div boxes, aligning div boxes, float div box, boxes side by side, stacking div, aligning div, floating div, html div align, html div float, html div stack, css div float, Div side by side, float div boxes, floating div boxes, aligning div boxes, float div box, boxes side by side, stacking div, aligning div, floating div, html div align, html div float, html div stack, css div float, Div side by side, float div boxes, floating div boxes, aligning div boxes, float div box, boxes side by side, stacking div, aligning div, floating div, html div align, html div float, html div stack, css div float, Div side by side, float div boxes, floating div boxes, aligning div boxes, float div box, boxes side by side, stacking div, aligning div, floating div, html div align, html div float, html div stack, css div float Please SUBSCRIBE to my channel to show some support. Thanks! If you have any questions, feel free to let me know. If you have any problems, or questions, send me a messege, and I would be glad to help. I hope you liked this tutorial, please like my videos, and subscribe to my channel.
Views: 105373 ColaBuzz
Focus Blur | CSS Floating Text Animation Effects
 
03:04
Please LIKE our Facebook page for daily updates... https://www.facebook.com/Online-Tutorial-Html-Css-JQuery-Photoshop-1807958766120070/ ------------------------ Music Credit Track: Tobu - Roots [NCS Release] Music provided by NoCopyrightSounds. https://www.youtube.com/watch?v=7wNb0pHyGuI
Views: 6746 Online Tutorials
CSS Layouts:Generic Text Editor - Header Div
 
03:44
http://www.killersites.com In this video tutorial from our CSS Layouts: Generic Text Editor Course, we go over the header div. Note that all of our videos are in a higher quality when purchased from our Killer Video Store or by subscription to our Video Tutorial Library! We've only made part of our content available for free. For the rest, check out our Killer Video Store or our Video Tutorial Library at Killersites.com! http://www.killervideostore.com/ http://www.killersites.com/university/ http://www.killersites.com/community/ http://www.csstutorial.net/
Views: 684 Stefan Mischook
Making Divs Side by Side using CSS
 
04:24
Make two divs side by side using Float property in CSS Hey guys in this tutorial I will show you how to make two (2) div tags in HTML side by side using the float property in CSS. I will be using Dreamweaver CS6 in this tutorial but you could use any free HTML editor you want including Notepad ++ , Coda or others. Difficulty: Easy Make sure you comment rate and subscribe. link to video : http://www.youtube.com/watch?v=MUApnJ3y-Bs !-------CHANNEL--------------! http://youtube.com/how2cre8webs
Views: 155605 let's code!
HTML iframe Example and Tutorial
 
09:49
http://www.LittleWebHut.com This video demonstrates how to use the HTML / XHTML iframe tag. It will cover the basic usage for the iframe tag and demonstrate the scr, width, height, scrolling, name, and id attributes. This video will also show how to change the contents of the iframe tag using an anchor tag with its target attribute.
Views: 362141 tutor4u
Create Slanted or Razor-Blade Div Shapes with CSS3
 
05:46
(Video Uploaded in HD format) Creating slanted (or razor-blade) div container shapes is easy using CSS3. There are two elements that come together: (a) a normal div, and (b) a pseudo class for the div. Put these together in your HTML document, then add and adjust three important properties to your pseudo class: z-index, transform-origin, and transform. • The z-index property places your pseudo class rectangle behind the main div so that the main div's contents are visible. • The transform-origin property sets a reference point (i.e. top left, top right, bottom left, bottom right) for your pseudo class rectangle to refer to, or originate from. • The transform property skews your rectangle along the Y axis (using the skewY(4deg); property) to tilt or skew your rectangle. You can change the value of '4deg' to any angle you like which looks good. Build cool and unique layouts with this simple CSS code snippet. The code snippet is in my first comment below. Enjoy!
Views: 30854 Arjun Khara
How to use / style div tag in HTML and CSS
 
07:55
In this video I'm going to briefly describe about divs and how a website is made through divs. Hit like and subscribe if you enjoy! :) Thanks div, divs, html, css, div in html, how to style div, div in html, div tag, style in div, div styling, tags, css style, basics of css, css tutorials for beginners, css tutorial in urdu hindi, css styling, css style, css design, css classes, cascade stylesheets, css classes in urdu, learn css, learn html, learn css in urdu,
Views: 36 Usama Naeem
CSS Tutorial 11 - Styling Unordered Lists
 
09:22
In this video, we talk about how to style unordered lists using CSS, changing things like font color, font family, padding, margins, and the display settings. We also learn how to change the style of the bullet points, as well as how to make lists into navigation menus, which are more accessible to those who may be visually impaired. If you have any questions, comments, or suggestions for this video, or anything at all, please don't hesitate to ask! TechnicalCafe Blog: http://TechnicalCafe.com TechnicalCafe Twitter: http://Twitter.com/TechnicalCafe TechnicalCafe Forums: http://TechnicalCafe.net Jamie's Twitter: http://Twitter.com/Jamiemcg
Views: 18561 TechnicalCafe
Center DIV Containers on a Web Page
 
06:11
Use CSS auto margin to center DIVS and other block elements on a page. Useful for making fixed-width layouts.
Views: 35018 Ralph Phillips
Learn HTML, CSS, and JavaScript - div tag, span tag, style attribute - Lesson 7 for Beginners
 
29:23
#javascript #programming #html #css #javascript #programming #html #css Playlist: https://www.youtube.com/playlist?list... This weeks lesson covers the following: HTML elements : div tag, span tag, header tag, section tag, main tag HTML attributes: style (inline styles including border, padding, float) Come join us each week for lessons published each Wednesday. Each new lesson will walk you through using one or more HTML elements. Eventually, we will also cover CSS and Javascript. Please follow along with each lesson. Once you are done with the series, if you would like, you can upload your pages to http:\\thecodingzoo.com Stick around after the lesson for bloopers. Book Marks: 2:56 Span and Div 3:37 Header HTML 5 Element 11:12 Inline Style Attribute - Border, Width 11:45 Main HTML 5 Element 12:33 Section HTML 5 Element Affiliate Links - Equipment we use: Main Camera: https://goo.gl/o3yK8w Backup Camera: http://amzn.to/2DYSazo CyberPowerPC: Desktop for video editing: https://goo.gl/KxJyrC Shure VPF83 Microphone: http://amzn.to/2ECUPzO Blue Microphone: http://amzn.to/2GKmxvs Editing/Color Grading Software: http://amzn.to/2DT8JwD Sound by Feeling Free - Nicolai Heidlas - https://soundcloud.com/nicolai-heidla... Thanks for joining us and MAN oh MAN did I need to have shaved before this video! :)
Basics Of CSS - Tutorial6 - How to Style Your Div Containers
 
03:47
check out my website for all my tutorials: http://carlsapty.com/ to see all my tutorials, check out my tutorials at http://carlsapty.com/tutorials-2/ this video is to show you how to style your divs and containers if you would like me to make a video about something specific, drop me an email, or if you have only a small question then i should be able to help as soon as possible! if you have any questions, email me on my website or leave a comment!
Views: 1185 Carl Saptarshi
CSS Grid Layout Crash Course
 
27:55
In this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and items. CODE: Code for this tutorial http://www.traversymedia.com/downloads/cssgrid.zip BUILD A CSS GRID WEBSITE: https://www.youtube.com/watch?v=moBhzSC455o BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedia http://www.twitter.com/traversymedia http://www.instagram.com/traversymedia EDUONIX COURSES: Please use affiliate links from website below http://www.traversymedia.com/eduonix-courses
Views: 706251 Traversy Media
Vertically center elements with CSS
 
05:28
Want more? Explore the library at https://www.codecourse.com/lessons Official site https://www.codecourse.com Twitter https://twitter.com/teamcodecourse
Views: 39428 Codecourse
Learning HTML: Adding background image within a div and other cool stuff
 
14:29
In this lesson we add the background for the Login | Sign Up. We learning about ID's, centering a div, HTML comments, adding a background, and adding style to your text.
Views: 9995 JLWebClass
CSS Layouts:Generic Text Editor - Nested Footer Divs
 
09:35
http://www.killersites.com This is part 1 of a 2 part video tutorial from our CSS Layouts: Generic Text Editor Course, where we teach you how to create some nested footer divs. Note that all of our videos are in a higher quality when purchased from our Killer Video Store or by subscription to our Video Tutorial Library! We've only made part of our content available for free. For the rest, check out our Killer Video Store or our Video Tutorial Library at Killersites.com! http://www.killervideostore.com/ http://www.killersites.com/university/ http://www.killersites.com/community/ http://www.csstutorial.net/
Views: 3615 Stefan Mischook
JavaScript event capturing
 
08:36
Link for all dot net and sql server video tutorial playlists http://www.youtube.com/user/kudvenkat/playlists Link for slides, code samples and text version of the video http://csharp-video-tutorials.blogspot.com/2015/01/javascript-event-capturing.html Event capturing is the opposite of event bubbling. We discussed event bubbling in detail in Part 40 of JavaScript tutorial. With event bubbling the event bubbles up from the inner most element to the outer most element in the DOM hierarchy. With event capuring the opposite happens, the event gets captured from the outer most element to innermost element. In real world event capturing is rarely used. Let us understand this with an example. In the following example we have 3 [div] nested elements. Notice that we are using addEventListener() method to assign event handler to each [div] element. To enable event capturing we have set the third parameter (phase) of addEventListener() method to true. Now when you click on the innermost [div] (DIV3), notice that the events are fired from the outermost [div] to innermost [div] (DIV1 =] DIV 2 =] DIV 3). [html] [head] [style type="text/css"] .divStyle { display: table-cell; border: 5px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div id="DIV1" class="divStyle"] DIV 1 [div id="DIV2" class="divStyle"] DIV 2 [div id="DIV3" class="divStyle"] DIV 3 [/div] [/div] [/div] [script type="text/javascript"] var divElements = document.getElementsByTagName('div'); for (var i = 0; i [ divElements.length; i++) { divElements[i].addEventListener("click", clickHandler, true); } function clickHandler() { alert(this.getAttribute("id") + " click event handled"); } [/script] [/body] [/html] Please note : IE8 and earlier versions does not support addEventListener() method. This implies that event capturing is not supported in IE8 and earlier versions, and hence the above code will not work in IE 8 and earlier versions. Stopping event capturing : Stopping event capturing is very similar to stopping event bubbling. With the example below, when you click on any [div] element notice that DIV 1 element handles the click event and it does not get captured down. [html] [head] [style type="text/css"] .divStyle { display: table-cell; border: 5px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div id="DIV1" class="divStyle"] DIV 1 [div id="DIV2" class="divStyle"] DIV 2 [div id="DIV3" class="divStyle"] DIV 3 [/div] [/div] [/div] [script type="text/javascript"] var divElements = document.getElementsByTagName('div'); for (var i = 0; i [ divElements.length; i++) { divElements[i].addEventListener("click", clickHandler, true); } function clickHandler(event) { event.stopPropagation(); alert(this.getAttribute("id") + " click event handled"); } [/script] [/body] [/html] Using addEventListener() method with last argument set to true is the only way to enable event capturing. If the thid parameter (phase) is set to true event capturing is enabled and if it is set to false event bubbling is enabled. If you want both even bubbling and capturing to be enabled, then assign handlers 2 times, once with the phase parameter set to false and once with the phase parameter set to true as shown below. [html] [head] [style type="text/css"] .divStyle { display: table-cell; border: 5px solid black; padding: 20px; text-align: center; } [/style] [/head] [body] [div id="DIV1" class="divStyle"] DIV 1 [div id="DIV2" class="divStyle"] DIV 2 [div id="DIV3" class="divStyle"] DIV 3 [/div] [/div] [/div] [script type="text/javascript"] var divElements = document.getElementsByTagName('div'); for (var i = 0; i [ divElements.length; i++) { divElements[i].addEventListener("click", clickHandler, false); divElements[i].addEventListener("click", clickHandler, true); } function clickHandler() { alert(this.getAttribute("id") + " click event handled"); } [/script] [/body] [/html] With both event capturing and bubbling enabled, events are first captured from the outermost element to the innermost element and then bubbles up from the innermost to the outermost element.
Views: 37244 kudvenkat
CSS Tutorial 2 - Advanced Text Formatting
 
09:18
http://www.programminghelp.org/ Watch in 720p We will discuss some advanced styles for formatting text. This is the real deal.
Views: 2628 programminghelporg
Responsive Animated Image Grid HTML5 CSS3 | XO PIXEL
 
05:57
This week I’ll be showing you how to create a Responsive Animated Image Grid. This image grid has really nice subtle animation effect when the mouse hovers over each image box. Related Article: http://wp.me/p4GIAq-1vX Lorem Ipsum Websites: http://wp.me/p4GIAq-ph Styling Text With CSS3: http://wp.me/p4GIAq-NC ___ ♥︎ THE XO PIXEL SHOP ▸ XO PIXEL Sticker Pack http://bit.ly/2nowEz1 ▸The Essential HTML5 & CSS3 Reference Sheet: http://bit.ly/2nU8qgY ♥︎ M O R E V I D E O S ▸ Web Design Speed Art Modern Website | http://bit.ly/2nfhEjF ▸ Adobe XD App Design | http://bit.ly/2nrf3UG ▸ Responsive Animated Image Grid | http://bit.ly/2o7tyAp ▸ Nexus 6P Unboxing & Review | http://bit.ly/2iNiyRJ ▸ TIDAL REVIEW: Is It Worth It? (2016) | http://bit.ly/2imcyRf ___ ♥︎ R E S O U R C E S 💌 Sign-up to my weekly newsletter to get your FREE HTML & CSS Coding Cheat Sheets: http://xopixel.com/?p=4004 📚 My Favorite Books: Coding: http://amzn.to/2nr0wso Typography: http://amzn.to/2odhevl Web Design: http://amzn.to/2nfeIUr 🎥 My equipment for my YouTube videos & Blog: Camera: http://amzn.to/2nzeVVs Microphone: http://amzn.to/2n2l7RN ___ ♥︎ F O L L O W ▸ blog | http://xopixel.com ▸ facebook | http://facebook.com/xopixell ▸ twitter| http://twitter.com/xopixell ▸ instagram | http://instagram.com/xopixell ▸ pinterest | https://www.pinterest.com/xopixel/ Subscribe to XO PIXEL for new videos every week! https://www.youtube.com/channel/UC97rIjLDrO9ji6oAQsfgyiw?sub_confirmation=1 ___ ♥︎ FILMED & EDITED BY MARISA BLAIR ___ ♥︎ A B O U T XO PIXEL is the place to grow your love for design, code, and technology! Explore tutorials, articles, and freebies to become inspired and creative as you develop your web design, coding, and graphic design skills. The articles and tutorials have reached hundreds of thousands of people online, in hundreds of countries around the world. Since beginning in 2014, XO PIXEL’s mission is to provide creative and inspiring design and coding tutorials and helpful articles for enthusiastic learners online. ___ FOR BUSINESS INQUIRIES: [email protected] ___ Disclaimer: This is NOT a sponsored video.
Views: 55424 XO PIXEL
HTML & CSS | TUTORIAL #4 - Text Align & Background Color [HD 2016]
 
06:57
Naziv klipa : HTML & CSS | TUTORIAL #4 - Text Align & Backgorund Color [HD 2016] ►Oficijalni web sajt◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Project HTML Code ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → u pripremi ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Svi download linkovi ovde ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ → http://hdpc-programming.ga/Download/ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ ► Kontakt ◄ ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ Business Inquiries: [email protected] FB Page: https://www.facebook.com/official.hdpc FB Profil: https://www.facebook.com/profile.php?id=100011401301642 Instagram: https://www.instagram.com/hdpc_computers ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬ POGLEDAJTE OSTALE KLIPOVE HTML | TUTORIAL #1 - Download HTML Editor [HD 2016] https://youtu.be/_Cg0PbsC6mk VISUAL BASIC | TUTORIAL #11 - Combo Box [HD 2016] https://youtu.be/DntgFYHIxwk VISUAL BASIC | TUTORIAL #12 - Copy File [HD 2016] https://youtu.be/eHmPnieSYFc VISUAL BASIC | PROJECT #02 - Licence System https://youtu.be/ujrVueageG8 COPYRIGHT © HDPC SYBER Keyword Tags: css,css html,html style,what is css,css templates,css table,css colors,css tutorial,css filter,css width,css image,css center,counter strike source download,css menu,style css,css style,css position,css code,css tags,page css,css course,learn css,css wiki,css full form,download counter strike source,external css,css style guide,html stylesheet,css version,external style sheet,free css,css documentation,css properties,css1,css application,css div,css school,inline style html,html css tutorial,css input,css nowrap,css height,css a,html and css tutorial,css examples,www w3schools com css,how to use css,html inline style,html inline,css list,css w3c,html p style,w3c css,css syntax,css website,css reference,css file,css language,css format,css header styles,tutorial css,stylesheet,html css style,css 3,css definition,css text style,css coding,style sheet,css tools, syber, hdpc
Views: 1496 HDPC
Minimalist CSS Text Sliding Animation Tutorial
 
04:48
How to create minimalist CSS text sliding animation from scratch. No JS needed! Source code: https://redstapler.co/minimal-css-text-sliding-animation/ === Follow us on === Facebook: https://www.facebook.com/theRedStapler Website: http://redstapler.co/ Twitter: https://twitter.com/redStapler_twit
Views: 9250 Red Stapler
8.Html 5 div tag.
 
06:45
The HTML (HyperText Markup Language) is used in most pages of the World Wide Web. HTML files contain both the primary text content and additional formatting markup, i.e. sequences of characters that tell web browsers how to display and handle the main content. The markup can specify which parts of text should be bold, where the headings are, or where tables, table rows, and table cells start and end. Though most commonly displayed by a visual web browser, HTML can also be used by browsers that generate audio of the text, by braille readers that convert pages to a braille format, and by accessory programs such as email clients. CSS (Cascading Style Sheets) describe the visual style and presentation of a document, most commonly web sites. One purpose of CSS is to separate the presentation of a document from the structure and content (although it is possible to embed CSS within the structure as well). This separation is a W3C standard recommendation. Separation of style from structure and content increases maintainability for the author(s) of a document as well as accessibility for the audience. CSS is commonly applied to HTML, XHTML and XML documents, though it is possible, albeit rare, to apply it to other types of documents as well.
Views: 74 DASARI TUTS
Howto Create a Name Deck for Client Managers
 
01:05
0:00 The problem on hand 0:15 Overview of my program 0:37 Code glance Recently i happen to walk into one of my customer shop but i forgotten his name, so i thought it would be nice to access a Name Deck so here's my simple idea on PHP/MYSQL in AMP for customer name deck creation. @!-- ServerClear.php page. Create a DB "myDB" in MYSQL server first [No need create table]. Thereafter run this page to drop & create DB + table --% @!doctype html% @html amp lang="en"% @head% @meta charset="utf-8"% @script async src="https://cdn.ampproject.org/v0.js"%@/script% @link rel="canonical" href="serverClear.php"% @title%Server Clear [email protected]/title% @meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1"% @style amp-custom% .fontHead { font-family: Arial Nova; color: Black; font-size: 38px; padding-top: 10px; padding-bottom: 20px; padding-left: 20px; } table, th, td { border: 2px solid black; border-collapse: collapse; } th, td { padding: 10px; text-align: left; } @/style% @div class="fontHead"%Clear all Name Deck Data in [email protected]/div% @div class="images"% @amp-img src="sClear.jpg" width="50" height="10" layout="responsive"% @/amp-img% @/div% @/head% @body% @div class="fontHead"%Status Of DB Clear & Press Back to [email protected]/div% @br% @?php $servername = "localhost"; $username = "root"; $password = ""; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password); if ($conn-%connect_error) { die("Connection failed: " . $conn-%connect_error); } else { $sql = 'DROP DATABASE myDB'; if ($conn-%query($sql) === TRUE) { echo "@font size=5%@table%@tr%@td%1) Database Drop [email protected]/td%@/tr%@/table%@/font%@br%"; $sql = "CREATE DATABASE myDB"; if ($conn-%query($sql) === TRUE) { echo "@font size=5%@table%@tr%@td%2) New Database Created [email protected]/td%@/tr%@/table%@/font%@br%"; $conn_t = new mysqli($servername, $username, $password, $dbname); $sql_t = "CREATE TABLE salesdata ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, name VARCHAR(30) NOT NULL, industry VARCHAR(30) NOT NULL, message VARCHAR(50) NOT NULL, reg_date TIMESTAMP )"; if ($conn_t-%query($sql_t) === TRUE) { echo "@font size=5%@table%@tr%@td%3) Table SalesData created [email protected]/td%@/tr%@/table%@/font%"; } else { echo "Error creating table: \n" . $conn_t-%error; } } else { echo "Error creating database: \n" . $conn-%error; } } } $conn-%close(); $conn_t-%close(); ?% @br%@br%@br%@br% @/body% @/html% @!-- ServerAdd.php page --% @!doctype html% @html amp lang="en"% @head% @meta charset="utf-8"% @script async src="https://cdn.ampproject.org/v0.js"%@/script% @link rel="canonical" href="serveradd.php"% @title%ServerAdd [email protected]/title% @meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1"% @style amp-custom% .fontHead { font-family: Arial Nova; color: Black; font-size: 38px; padding-top: 10px; padding-bottom: 20px; padding-left: 20px; } @/style% @div class="fontHead"%Name Deck Creation:@/div% @div class="images"% @amp-img src="sAdd.jpg" width="50" height="12" layout="responsive"% @/amp-img%@/div% @/head% @body% @div class="fontHead"%DB Update Status:@/div% @br% @?php $name = $_GET["name"]; $ind = $_GET["ind"]; $msg = $_GET["msg"]; $servername = "localhost"; $username = "root"; $password = ""; $dbname = "myDB"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn-%connect_error) { die("Connection failed: " . $conn-%connect_error); } $sql = "INSERT INTO salesdata (name, industry, message) VALUES ('$name', '$ind', '$msg')"; if ($conn-%query($sql) === TRUE) { echo "@font size=5%New Record Created successfully:@/font%"; } else { echo "Error: " . $sql . "@br%" . $conn-%error; } $sql = "SELECT id, name, industry, message, reg_date FROM salesdata"; $result = $conn-%query($sql); if ($result-%num_rows % 0) { while($row = $result-%fetch_assoc()) { echo "@br%@br%@li%SN: " .$row["id"]. "@/li%"; echo "@li%Customer Name: " .$row["name"]. "@/li%"; echo "@li%Industry: " .$row["industry"]. "@/li%"; echo "@li%Message: " .$row["message"]. "@/li%"; echo "@li%Date: " .$row["reg_date"]. "@/ul%"; } } else { echo "0 results"; } $conn-%close(); ?% @br%@br%@br%@br% @/body% @/html%
Views: 428 Finance Owl
Adding CSS DIV / Style Tags
 
00:57
How to add a div tag to the HTML part of a web page after adding the style details. Based on Mr Colley's example: https://mrcolley.com/ict-computing-resources/
Views: 25 LearnICT.it
Build a Mosaic Portfolio Layout with CSS Grid
 
27:36
The CSS Grid is here, and this is my first real look at how to use it. To start with, I wanted to look at how we can make a cool looking layout in the simplest way possible, so all we're dealing with here is setting up the grid template, and then using spans to get things the size we need. Once the initial layout is done, I look at how you can add in an image and hover effect, and then I follow that up by looking at how easy it is to add more items to your layout. Check out the CodePen: https://codepen.io/kevinpowell/pen/mMeJEW --- Support me on Patreon: https://www.patreon.com/kevinpowell I'm on some other places on the internet too! If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter. Instagram: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powellom/KevinJPowell
Views: 96811 Kevin Powell
CSS (cascading style sheets) for beginners  #5 - Divs / div tags in CSS
 
08:07
Watch more videos and ask questions at http://www.Beginnertuts.com/
Views: 4033 BeginnerTutsdotcom
Width and height units - Webflow CSS tutorial (using the Old UI)
 
03:59
In web design, you can declare an element's width and/or height using either fixed values or relative values. This video covers the most commonly used dimensions (outside of ems): 1. Auto-sizing (auto) 2. Pixels (px) 3. Percentage (%) 4. Viewport height (vh) 5. Viewport width (vw) 6. Minimum (min) and maximum (max) You can adjust an element's width and height in the Styles Panel, under the Layout section. We’ll be covering how each of these units work in the context of setting element dimensions. ---------- Get started with Webflow: https://help.webflow.com/courses/getting-started http://webflow.com http://twitter.com/webflow http://facebook.com/webflow
Views: 29481 Webflow
CSS Background Image Tutorial: Lecture 37, Web Design for Beginners Course
 
15:31
This video is part of my HTML & CSS video course: https://www.udemy.com/web-design-for-beginners-real-world-coding-in-html-css/?couponCode=YOUTUBEDEAL Learn how to add background images with CSS (repeat or tile, position, size, and multiple images assigned to a single element). If you want a full screen background try applying these background image techniques to the "html" or "body" element. If you want a "fixed" or "sticky" background image try adding the following declaration to the relevant CSS rule: "background-attachment: fixed;" Sign up for my newsletter to receive periodic webDev tips, tricks, resources and coupons. Join the list at http://learnwebcode.com/ Follow me on Twitter for updates and cat pics: https://twitter.com/learnwebcode
Views: 172453 LearnWebCode