bdaypal.andrealopez/index.html at master · andrearaylopez/bdaypal.andrealopez · 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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
<html>
<head>
  <meta charset="utf-8"/>
  <link rel="icon" type="image/x-icon" href="./favicon.ico"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
  <title>BdayPal</title>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <!-- <link href="http://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i" rel="stylesheet" type="text/css"/> -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap" rel="stylesheet" type="text/css">
  <meta name="description" content="Let BdayPal remind you before your friends special days."/>
  <meta name="keywords" content="BdayPal,Never,forget,a,Birthday"/>
  <meta name="og:locale" property="og:locale" content="en_US"/>
  <meta name="og:type" property="og:type" content="website"/>
  <meta name="og:site_name" property="og:site_name" content="BdayPal"/>
  <meta name="og:title" property="og:title" content="BdayPal"/>
  <meta name="og:description" property="og:description" content="Never forget a Birthday"/>
  <meta name="og:image" property="og:image" content="https://s3-us-west-2.amazonaws.com/skygear-cloud-asset/appsite/3cb35a56-8434-493d-868e-efdcc8125e93-icon_512pt@2x.png"/>
  <meta name="og:image:type" property="og:image:type" content="image/png"/>
  <meta name="og:image:width" property="og:image:width" content="1024"/>
  <meta name="og:image:height" property="og:image:height" content="1024"/>
  <link rel="stylesheet" href="template/main.min.css"/>
</head>
<body>
  <div>
    <div class="dark">
      <div class="blurred-cover" style="background-color:rgb(28,188,156);background-image:none;filter:none;-webkit-filter:none;">
      </div>
    </div>
    <div class="white-background">
    </div>
    <main id="main">
      <section class="hero">
        <div class="app-container fill">
          <div class="row">
            <div class="col-sm-6 col-xs-12 fill flex-box left">
              <div class="phone-container">

                <!-- <img src="1.png" class="frame-image"/>
                <img src="2.png" class="frame-image"/> -->

                <div id="carousel" class="carousel fade" data-ride="carousel">
                  <div class="carousel-inner" overflow= "hidden" width="1035" height="2047" position="relative">
                    <div class="item active">
                      <img src="1.png" class="frame-image"/>
                    </div>
                    <div class="item">
                      <img src="2.png" class="frame-image">
                    </div>
                    <div class="item">
                      <img src="3.png" class="frame-image">
                    </div>
                    <div class="item">
                      <img src="4.png" class="frame-image">
                    </div>
                    <div class="item">
                      <img src="5.png" class="frame-image">
                    </div>
                    <div class="item">
                      <img src="6.png" class="frame-image">
                    </div>
                    <!-- <div class="item">
                      <img src="ideal-size-954-1934.png" class="frame-image">
                    </div> -->
                    <div class="item">
                      <img src="7.png" class="frame-image">
                    </div>

                  </div>
                </div>

                <!-- <div id="carousel" class="carousel fade" data-ride="carousel">
                  <div class="carousel-inner">
                    <div class="item active">
                      <img src="581dbb04-7f45-4562-9765-4b84bb3d5f13-screenshot.png" alt="581dbb04-7f45-4562-9765-4b84bb3d5f13-screenshot.png"/>
                    </div>
                  </div>
                </div> -->
              </div>
            </div>
            <div class="col-sm-6 col-xs-12 fill flex-box right">
              <div class="app-content">
                <h2 class="app-name app-field">BdayPal</h2>
                <h1 class="tag-line app-field">Never forget a Birthday</h1>
                <div class="description app-field">
                  <p>Let BdayPal remind you <b>before</b> your friend's birthday.</p>
                  <p>BdayPal gives you the power to organize your birthdays by friend and groups, and can send you reminders before every special day.
                  </p>
                  <p><b>What else can you do with BdayPal?</b></p>
                  <ul>
                    <li>Organize birthdays by friend and group</li>
                    <li>View friend birthday profile</li>
                    <li>View group profile</li>
                    <li>Send custom birthday SMS message</li>
                    <li>Set up custom birthday notifications</li>
                    <li>Select a custom app theme color</li>
                    <li>Calculate age (accuracy down to the minute)</li>
                    <li>Import contacts from device</li>
                  </ul>

                  <p>Purchase required to add an UNLIMITED number of contacts, but there is plenty of space for the most important special days.</p>
                </div>
                <div>
                  <a class="app-link" id="appleLink" href="http://bit.ly/BdayPalOnAppStore">
                    <img class="app-icon" src="template/badgeappstore.png"/>
                  </a>
                </div>
              </div>
              <footer class="footer">
                <div class="container">
                  <div class="row">
                    <strong style="padding-right:22px;">BdayPal</strong>
                    <a style="padding-right:22px;" class="footer-link" href="support/index.html">Support</a>
                    <a class="footer-link" href="privacy-policy/index.html">Privacy Policy</a>
                  </div>
                </div>
              </footer>
            </div>
          </div>
        </div>
      </section>
    </main>
  </div>
  <div>
    <script src="template/main.min.js">
    </script>
  </div>
</body>
</html>