D3
OG
Old school D3 from simpler times
All examples
By author
By category
About
VeronicaM
Full window
Github gist
Daily CSS Images Portfolio
<body> <!-- Header --> <div class="intro-header"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="bottom-triangle"> </div> <div class="intro-message"> <h1 class="animated bounceInDown">Veronica Mihai </h1> <h3 class="animated lightSpeedIn">portfolio for my CSS master artist journey</h3> </div> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-heading-a">Week 1</h2> <p class="lead-a">*insert your thoughts* </p> </div> </div> <div class="row"> <div class="col-sm-2"> <a target='_blank' href="https://codepen.io/VeronicaM-1471082450/full/dNBJRz/" class="thumbnail"> <img src="https://content.screencast.com/users/VeraVeronica/folders/Jing/media/2ff9f397-d41d-41f5-945f-2a17d869c760/2017-02-21_0332.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-8"></div> <div class="col-lg-4"> <h2 class="section-heading-b">Week 2</h2> <p class="lead-b">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-heading-a">Week 3</h2> <p class="lead-a">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-8"></div> <div class="col-lg-4"> <h2 class="section-heading-b">Week 4</h2> <p class="lead-b">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-heading-a">Week 5</h2> <p class="lead-a">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-8"></div> <div class="col-lg-4"> <h2 class="section-heading-b">Week 6</h2> <p class="lead-b">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-heading-a">Week 7</h2> <p class="lead-a">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-8"></div> <div class="col-lg-4"> <h2 class="section-heading-b">Week 8</h2> <p class="lead-b">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-a"> <div class="container"> <div class="row"> <div class="col-lg-12"> <h2 class="section-heading-a">Week 9</h2> <p class="lead-a">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> <!-- /.content-section-a --> <div class="content-section-b"> <div class="container"> <div class="row"> <div class="col-lg-8"></div> <div class="col-lg-4"> <h2 class="section-heading-b">Week 10</h2> <p class="lead-b">*insert your thoughts*</p> </div> </div> <div class="row"> <div class="col-sm-2"> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> <div class="col-sm-2"> <a target='_blank' href="#" class="thumbnail"> <img id="scale" src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/827672/Insert%20Photo%20Here.png" alt="..."> </a> </div> </div> </div> <!-- /.container --> </div> </body>