Html Blog

Search This Blog

HTML VIDEO

August 30, 2024

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

VIDEO

Get link
Facebook
Twitter
Pinterest
Email
Other Apps

Comments

How TO - web site Layout

How TO - Example Website How TO - Web site Layout <!DOCTYPE html> <html lang="en"> <head> <title>Page Title</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> * { box-sizing: border-box; } /* Style the body */ body { font-family: Arial, Helvetica, sans-serif; margin: 0; } /* Header/logo Title */ .header { padding: 80px; text-align: center; background: #1abc9c; color: white; } /* Increase the font size of the heading */ .header h1 { font-size: 40px; } /* Sticky navbar - toggles between relative and fixed, depending on the scroll position. It is positioned relative until a given offset position is met in the viewport - then it "sticks" in place (like position:fixed). The sticky value is not supported in IE or Edge 15 and earlier versions. However, for these versions the navbar will inherit default position */ .navbar {

How TO - Blog Layout

How To Create a Blog Layout Learn how to create a responsive blog layout with CSS. Step 1) Add HTML: < div class ="header" > < h2 > Blog Name < /h2 > < /div > < div class ="row" > < div class ="leftcolumn" > < div class ="card" > < h2 > TITLE HEADING < /h2 > < h5 > Title description, Dec 7, 2017 < /h5 > < div class ="fakeimg" style ="height:200px;" > Image < /div > < p > Some text.. < /p > < /div > < div class ="card" > < h2 > TITLE HEADING < /h2 > < h5 > Title description, Sep 2, 2017 < /h5 > < div class ="fakeimg" style ="height:200px;" > Image < /div > < p > Some text.. < /p > < /div > < /div > < div class ="rightcolumn" >

Powered by Blogger

Theme images by centauria