Skip to content

Instantly share code, notes, and snippets.

@georgesb

georgesb/index.html

Last active May 23, 2020 00:15
Show Gist options
  • Save georgesb/5acc474b49e9a7435072b75322bf173f to your computer and use it in GitHub Desktop.
Save georgesb/5acc474b49e9a7435072b75322bf173f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. georgesb revised this gist May 23, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    <head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style>
    .lowerright{
    .lower-right{
    position: fixed;
    bottom: 45px;
    right:40px;
    @@ -18,6 +18,6 @@
    </style>
    </head>
    <body>
    <a href="#" ><i class="material-icons material-button lowerright">chevron_left</i></a>
    <a href="#" ><i class="material-icons material-button lower-right">chevron_left</i></a>
    </body>
    </html>
  2. georgesb revised this gist May 23, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -7,7 +7,7 @@
    bottom: 45px;
    right:40px;
    }
    .material_button{
    .material-button{
    font-size: 34px;
    padding: 3px;
    color:white;
    @@ -18,6 +18,6 @@
    </style>
    </head>
    <body>
    <a href="#" ><i class="material-icons material_button lowerright">chevron_left</i></a>
    <a href="#" ><i class="material-icons material-button lowerright">chevron_left</i></a>
    </body>
    </html>
  3. georgesb revised this gist May 22, 2020. 1 changed file with 2 additions and 2 deletions.
    4 changes: 2 additions & 2 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -2,7 +2,7 @@
    <head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style>
    .lowerleft{
    .lowerright{
    position: fixed;
    bottom: 45px;
    right:40px;
    @@ -18,6 +18,6 @@
    </style>
    </head>
    <body>
    <a href="#" ><i class="material-icons material_button lowerleft">chevron_left</i></a>
    <a href="#" ><i class="material-icons material_button lowerright">chevron_left</i></a>
    </body>
    </html>
  4. georgesb created this gist May 22, 2020.
    23 changes: 23 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,23 @@
    <html>
    <head>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <style>
    .lowerleft{
    position: fixed;
    bottom: 45px;
    right:40px;
    }
    .material_button{
    font-size: 34px;
    padding: 3px;
    color:white;
    background-color:#e51c23;
    opacity:0.9;
    border-radius: 50%;
    -webkit-box-shadow: 0.5px 1px 3px 0px rgba(80,80,80,0.75);
    </style>
    </head>
    <body>
    <a href="#" ><i class="material-icons material_button lowerleft">chevron_left</i></a>
    </body>
    </html>