D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
billiuw
Full window
Github gist
web_test
Built with
blockbuilder.org
forked from
anonymous
's block:
web_test
<!DOCTYPE html> <html> <head> <title>BW</title> <!-- link to main stylesheet --> <link rel="stylesheet" type="text/css" href="https://billiuw.github.io/css/main.css"> </head> <style> .parallax { /* The image used */ background-image: url("https://billiuw.github.io/Sections.jpg"); /* Set a specific height */ height: 600px; /* Create the parallax scrolling effect */ background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; } </style> <body> <nav> <ul> <li><a href="/">Home</a></li> <li><a href="/about">About</a></li> <li><a href="/cv">CV</a></li> <li><a href="/blog">Blog</a></li> </ul> </nav> <div class="parallax"></div> <div class="container"> <div class="blurb"> <h1>About</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla convallis eleifend lectus, in hendrerit felis dapibus ut. Donec nec erat vitae odio laoreet sodales. In ultrices leo ut porttitor lacinia. Aenean vestibulum sem nec tortor euismod, nec elementum nisl consequat. Praesent varius pulvinar vestibulum. Vivamus scelerisque laoreet risus, et convallis odio tincidunt quis. In gravida efficitur volutpat. Donec cursus dolor ante, eget tristique neque lobortis ut. Mauris vestibulum lacinia tincidunt. Integer nulla augue, mattis condimentum libero non, sodales finibus nibh. Pellentesque sit amet imperdiet augue. Praesent pellentesque odio tortor, et consectetur est mollis ut. Suspendisse porta libero quis nulla gravida convallis. Nam non congue justo, at vulputate nunc. Donec eget eros vel mi ornare tempor. In faucibus justo lectus, non blandit libero rutrum in. Cras gravida pulvinar mauris, vitae posuere nibh sagittis in. Morbi vehicula erat vitae rutrum luctus. Suspendisse vestibulum lobortis mauris. Nullam lectus nulla, congue quis egestas eu, tincidunt et orci. Sed fermentum leo vel odio congue posuere. Fusce euismod sagittis eleifend. Nulla posuere metus nec diam imperdiet maximus. Nunc id lectus eget ligula ultricies sagittis. Phasellus et scelerisque turpis. Quisque odio lacus, vestibulum ac iaculis nec, commodo in nisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nam malesuada fermentum ante, scelerisque convallis risus sodales eu. Proin euismod purus a tortor suscipit facilisis. Quisque iaculis tempus interdum. <em>consectetur adipiscing elit.</em> <a href="/about">Read more about my life...</a></p> </div><!-- /.blurb --> </div><!-- /.container --> <footer> <ul> <li><a href="mailto:bh.wong1992@gmail.com">email</a></li> <li><a href="https://github.com/billiuw">github.com/billiuw</a></li> </ul> </footer> </body> </html>