meme/index.php at master · benhaxe/meme · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!Doctype html>
<html>

<head>
  <link rel="stylesheet" type="text/css" href="styles/main.css">
  <link rel="stylesheet" type="text/css" href="styles/animate.min.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
</head>

<body class="theme-naimation">
  <div class="wrapper">
    <header class="header">
      <nav class="header-nav">
        <h1 class="logo to-left"><img class="img-logo-1" src="image/crm.png" /></h1>
        <div class="to-middle"><a href="#" id="createDpBtn">"Create Redemption Week'17 Display picture for Social Media"</a></div>
        <div class="logo to-right"><img class="img-logo-2" src="image/logo.png" /></div>
      </nav>
    </header>

    <section class="flex-container ">
      <div id="checking">
      </div>

      <a id="download"></a>

      <div class="inner">
        <div class="box">
          <div class="box-inner">
            <div class="box-image" id="personImage">
              <div class="overlay">

                <div id="mySvgs">
                  <img src="image/svg1.png" class="svg1"/>
                  <img src="image/svg2.png" class="svg2"/>
                  <img src="image/svg3.png" class="svg3"/>
                </div>
                <div class="overlay-inner">
                  <div class="round"><img id="image-box" src="image/logo.png" /></div>
                  <p class="italic-text">I am</p>
                  <h2 class="fullname" id="personName">Akindele David</h2>
                  <p class="praising">Join me @ Redemption week'17<span class="break">RCF FUTA 30th Anniversary</span></p>
                    <p class="country-logo">21-27 August, 2017</p>
                  <div class="wrapp-hastags">
                    <span class="hashtag">#Redemptionweek17</span>
                    <span class="hashtag"> | #HeirsOfGod</span>
                  </div>
                  <div>
                      <small class="smaller">...A place Where good things never cease</small>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="controls">
          <form method="post">
            <div class="animated infinite pulse" id="image-loader">
              <span class="preloader"></span>
              <p> Uploading and Changing Image</p>
            </div>

            <div class="field-wrapp flex" id="image-cont">

              <div class="btn-wrapp">
                <label for="change-image" class="upload-btn">Choose image</label>
                <input type="file" id="change-image" />
              </div>

            </div>

            <div class="field-wrapp">
              <input type="text" placeholder="Type your name here" class="name-field" id="change-name" />
              <span class="enterName"></span>
            </div>
          </form>

          <a href="javascript:downloadDp()" id="download-image"><div class="field-wrapp">
            <input class="Create-dp" id="have" type="submit" value="Download Image & mobilize">
          </div></a>
        </div>
      </div>
    </section>
  </div>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript" src="js/html2canvas.js"></script>
  <script type="text/javascript" src="js/html2canvas.svg.js"></script>
  <script type="text/javascript" src="js/axios.js"></script>
  <script type="text/javascript" src="js/app.js"></script>
  <script>
    //URL of the host for the server.......
    var mainUrl = '<?php echo $_SERVER['HTTP_HOST'] . $_SERVER['REQUEST_URI'];  ?>';
  </script>
</body>
</html>