Border-Absolute/index.html at master · quevenrib/Border-Absolute · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<body>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
    <link href="style.css" rel="stylesheet">
  </head>
    <div class="block-border ignore-it">
      <div class="bg-block right"></div>
      <div class="content-border">
        <h3>Small title - Border Right Bottom</h3>
        <h1>Big important title</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis at, quasi laboriosam inventore, veritatis fugiat voluptatibus.</p>
        <a href="#">Link to Narnia &raquo;</a>
      </div>
    </div>
    <div class="block-border">
      <div class="bg-block left"></div>
      <div class="content-border">
        <h3 class="ignore-it">Small title - Border Left Top</h3>
        <h1>Big important title</h1>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reiciendis at, quasi laboriosam inventore, veritatis fugiat voluptatibus.</p>
        <a href="#">Link to Narnia &raquo;</a>
      </div>
    </div>
</body>