forked from clongmor/Camagru
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhow_it_works.php
79 lines (78 loc) · 2.31 KB
/
how_it_works.php
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
<?php
session_start();
include "templates/header.php";
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Madimgz - About Us</title>
<style>
.border {
border: 2px solid black;
}
.right {
float:right;
}
.center {
display: flex;
justify-content: center;
align-items: center;
}
</style>
</head>
<body class="purp_body">
<section class="hero">
<div class="hero-body">
<div class="section">
<h1 class="title">
How to get your pictures out there for the world to see?
</h1>
<h2 class="subtitle">
Here is where you can get the best of both worlds, we combine your image of choice (via webcam or image upload) with a crazy awesome image of your choice from the provided selection, to create some photo magic. You can then choose to upload it to our gallery and share with your friends or if its not up to standard, you can delete it and start again!
</h2>
</div>
<div class="section has-text-white has-background-primary">
<h1 class="title">
Step 1: Create an account and confirm via email
</h1>
<h2 class="subtitle">
make sure you confirm your email before you try to login!
</h2>
<img class="border" src="./imgs/sign_up.jpg" alt="Sign_up" style="max-height: 200px; max-width:500px;">
<img class="border right" src="./imgs/sign_up_submit.jpg" alt="Sign_up_submit" style="max-height: 197px; max-width:500px;">
</div>
<div class="section">
<h1 class="title">
Step 2: login and go to the Editor page
</h1>
</div>
<div class="section has-text-white has-background-primary">
<h1 class="title">
Step 3: select the image(s) that you want to add to your photo.
</h1>
<h2 class="subtitle">
choose from a range of supplied images that you can decorate your photo with.
</h2>
</div>
<div class="section">
<h1 class="title">
Step 4: take a photo with your webcam/upload an image from your computer
</h1>
<h2 class="subtitle">
and watch the magic happen!
</h2>
</div>
<div class="section has-text-white has-background-primary">
<h1 class="title">
Step 5: choose to upload to the gallery or delete and start over
</h1>
</div>
</div>
</section>
<?php
include "templates/footer.php";
?>
</body>
</html>