github-upload/index.html at master · zhuoyan/github-upload · 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Random Quote</title>


  <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css'>
<link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css'>

      <link rel="stylesheet" href="css/style.css">


</head>

<body>

  <div class="quote-wrapper">
  <div class="quote-panel">
    <div class="quote-text">
      <i class="fa fa-quote-left"></i>
      <span>Lorem ipsum dolor sit amet, itaque facere pariatur nihil magni?</span>
    </div>
    <div class="quote-author">- <span>The Silence of the Lambs</span></div>
    <div class="button-group">
      <div class="button-left">
        <a target="_blank" href="http://service.weibo.com/share/share.php?url=?url=https://codepen.io/zhuoyan/pen/WWOBee" class="button" title="show"><i class="fa fa-weibo"></i></a>
        <a href="javascript:;" onclick="window.open('http://connect.qq.com/widget/shareqq/index.html?url=' + encodeURIComponent(document.location.href))" class="button" title="share"><i class="fa fa-qq"></i></a>
      </div>
      <div class="button-right">
        <a href="javascript:;" class="button new-quote">New quote</a>
      </div>
    </div>
    <div class="copyright">by zhuoyan</div>
  </div>
</div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js'></script>


    <script  src="js/index.js"></script>


</body>

</html>