-
Notifications
You must be signed in to change notification settings - Fork 4
/
index.html
105 lines (105 loc) · 12.7 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<title>DragonDrop</title>
<link rel="stylesheet" href="./assets/css/main.css">
<link rel="stylesheet" href="./assets/css/team.css">
<script src="https://apis.google.com/js/platform.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
function onYtEvent(payload) {
if (payload.eventType == 'subscribe') {
// Add code to handle subscribe event.
} else if (payload.eventType == 'unsubscribe') {
// Add code to handle unsubscribe event.
}
if (window.console) { // for debugging only
window.console.log('YT event: ', payload);
}
}
</script>
<!-- Senses Mobile-->
<!--<script type="text/javascript">
if (screen.width <= 699) {
document.location = "./mobile/index.html";
}
</script>-->
</head>
<body>
<iframe src="./navbar.html" frameborder="0" width="100%" height="50" style="overflow: hidden;">Your browser is outdated! Please use a different browser, like Google Chrome or Mozilla Firefox, or update your browser.</iframe>
<div class="main-content">
<center>
<img src="./assets/img/dd2.png" width="60%" style="max-width: 600px;">
<h1>Welcome to <i>your</i><br>new website</h1><hr style="margin: 5% 0px; opacity: 0;">
<h2>Let us help you create something amazing.</h2>
<button onClick="document.location = './login.html'">Get Started</button><hr style="margin: 5% 0px; opacity: 0;">
</center>
</div>
<div class="blue-bg">
<h2 style="text-align: center;" class="title">Easy to Use Drag-and-Drop Editor</h2>
<p>DragonDrop lets you place something, such as an image or some text, simply by dragging it from the elements area to where you want it to be.</p>
</div>
<div class="content">
<h2 style="text-align: center;" class="title">No Coding Knowledge Required</h2>
<p>No knowledge of coding languages, such as HTML or JavaScript, is required. However, if you do want to try some coding, check out <a target="_blank" href="https://github.com/dragon-drop-scratch/dragonscript">DragonScript</a>, our own programming language.</p>
</div>
<p style="text-align: center;">View the full list of features <a href="./features.html">here</a>.</p>
<hr>
<center>
<a name="testimonials"></a>
<img src="./assets/img/heart_block.png" title="Heart Block" width="75" height="75">
<h2>What People are Saying</h2>
<div class="content" id="testimonials" style="align-items: center;">
<div class="testimonial" style="text-align: left;">
<p style="color: black;">Some testimonial filler text</p><br>
<i>- @SomePerson (January 2017)</i>
<!-- Thanks to Icons8.com for letting us use this icon -->
<div style="text-align: right;"><img src="https://maxcdn.icons8.com/Color/PNG/48/Social_Networks/twitter-48.png" title="Twitter" width="48"></div>
</div>
<div class="testimonial" style="text-align: left;">
<p style="color: black;">Some testimonial filler text</p><br>
<i>- @SomePerson (January 2017)</i>
<!-- Thanks to Icons8.com for letting us use this icon -->
<div style="text-align: right;"><img src="https://maxcdn.icons8.com/Color/PNG/48/Social_Networks/facebook-48.png" title="Facebook" width="48"></div>
</div>
</div>
<!-- Thanks to icons8.com for letting us use the following icons -->
<h3>Our Social Media</h3>
<p><a href=""><img src="https://maxcdn.icons8.com/Color/PNG/24/Social_Networks/facebook-24.png" title="Facebook" width="24"></a> <a href=""><img src="https://maxcdn.icons8.com/Color/PNG/24/Social_Networks/twitter-24.png" title="Twitter" width="24"></a> <a href="https://www.youtube.com/channel/UCqDLkUysUEtRxed5_1Wm5YQ"><img src="https://maxcdn.icons8.com/Color/PNG/24/Media_Controls/youtube_play-24.png" title="YouTube" width="24"></a> <a href=""><img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/google_plus-24.png" title="Google Plus" width="24"></a> <a href=""><img src="https://maxcdn.icons8.com/Color/PNG/24/Logos/instagram_new-24.png" title="Instagram" width="24"></a> <a href="https://github.com/dragon-drop-scratch"><img src="https://maxcdn.icons8.com/iOS7/PNG/25/Logos/github_copyrighted_filled-25.png" title="GitHub" width="24"></a></p>
<!--<div class="g-ytsubscribe" data-channelid="UCqDLkUysUEtRxed5_1Wm5YQ" data-layout="full" data-count="default" data-onytevent="onYtEvent"></div>-->
</center>
<hr>
<div class="content">
<center>
<a name="apps"></a>
<h2>Get the App</h2>
<div class="box-area">
<div class="box" style="width: 126px; height: 158px;">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIxMiAtMTIgNDggNDgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMTIgLTEyIDQ4IDQ4OyIgZmlsbD0iI2ZhbHNlIiA+PHBhdGggc3R5bGU9ImZpbGw6IzAzQTlGNDsiIGQ9Ik0zNC44MDcsMTIuNTExbC0zLjQ4OCwxMi4wNzdjLTMuMDMtMi4wNTItNi4zMjctMy43NDQtMTMuMzE4LTAuODNsMy40MDgtMTEuOTQ1bDAuMDQxLTAuMDE5CUMyOC40MTQsOC45MDgsMzEuNzg3LDEwLjQ0NywzNC44MDcsMTIuNTExeiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiNGRkMxMDc7IiBkPSJNMzYuNjMzLDEzLjY4bC0zLjQ0NywxMS45NDNjMy4wMjgsMi4wNjksNi4zODMsMy43MTgsMTMuMzY1LDAuODA1bDMuMzI0LTExLjY0MwlDNDIuNzYsMTcuMjQsMzkuNjYsMTUuNzMxLDM2LjYzMywxMy42OHoiPjwvcGF0aD48cGF0aCBzdHlsZT0iZmlsbDojRkY1NzIyOyIgZD0iTTM1LjM4NywxMC4zMzdsMy40NDEtMTEuOTY0QzM1LjgtMy42ODgsMzIuNDQyLTUuMzQ0LDI1LjQ1NC0yLjQyNEwyMi4wMTEsOS41OQljMi43NzUtMS4xNTMsNC45NjktMS42ODIsNi44MDYtMS42NjZDMzEuNjA0LDcuOTQyLDMzLjU2Myw5LjEwMiwzNS4zODcsMTAuMzM3eiI+PC9wYXRoPjxwYXRoIHN0eWxlPSJmaWxsOiM3Q0IzNDI7IiBkPSJNNDAuNjQzLTAuMzY5bC0zLjQ0LDEyLjAzM2MzLjAxOCwyLjA2Myw2LjY2OSwzLjc1MiwxMy4zNTksMC43MzhMNTQsMC40MTUJQzQ3LjAyMSwzLjMxNyw0My42NjUsMS42ODgsNDAuNjQzLTAuMzY5eiI+PC9wYXRoPjwvc3ZnPg==" width="96">
<h3>Windows</h3>
</div>
<div class="box" style="width: 126px; height: 158px;">
<img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjAiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNDhweCIgaGVpZ2h0PSI0OHB4IiB2aWV3Qm94PSIwIDAgNDggNDgiIGZpbGw9IiNmYWxzZSIgPjxnPgk8cGF0aCBmaWxsPSIjNDJBNUY1IiBkPSJNNDAuMDg0LDMyLjYxM2MtMC44NDgsMS44MzUtMS4yNTQsMi42NTUtMi4zNDIsNC4yNzRjLTEuNTIxLDIuMjY0LTMuNjcsNS4wODktNi4zMjYsNS4xMDkJCWMtMi4zNjEsMC4wMTgtMi45NzEtMS41MDctNi4xNzYtMS40ODJjLTMuMjA0LDAuMDE2LTMuODcyLDEuNTEtNi4yMzcsMS40ODRjLTIuNjU0LTAuMDIyLTQuNjg4LTIuNTY4LTYuMjEtNC44MjYJCWMtNC4yNTktNi4zNC00LjcwNy0xMy43NjgtMi4wNzYtMTcuNzIxYzEuODYxLTIuODAzLDQuODA3LTQuNDQ5LDcuNTcyLTQuNDQ5YzIuODE3LDAsNC41ODgsMS41MTQsNi45MTYsMS41MTQJCWMyLjI2MiwwLDMuNjM4LTEuNTE3LDYuODk2LTEuNTE3YzIuNDY0LDAsNS4wNywxLjMxMyw2LjkzMSwzLjU3NUMzMi45NDIsMjEuODM2LDMzLjkzMSwzMC4zMzcsNDAuMDg0LDMyLjYxM3oiPjwvcGF0aD4JPHBhdGggZmlsbD0iIzQyQTVGNSIgZD0iTTMwLjA0NiwxMi4wNzJjMS4yNjktMS41NzcsMi4yMzItMy44MDQsMS44ODItNi4wNzJjLTIuMDY5LDAuMTM4LTQuNDkxLDEuNDE4LTUuOTA1LDMuMDc1CQljLTEuMjgyLDEuNTEtMi4zNDUsMy43NTItMS45MzEsNS45MjJDMjYuMzUxLDE1LjA2NiwyOC42ODksMTMuNzY0LDMwLjA0NiwxMi4wNzJ6Ij48L3BhdGg+PC9nPjxwYXRoIGZpbGw9IiMxRTg4RTUiIGQ9Ik0zNi43MzYsMjAuNDIxQzI4LDMwLjAwMSwyMCwyMS4wMDEsOS4yMjgsMjcuODQyYzAuMzc1LDMuMDI3LDEuNTMsNi4zMDMsMy41NjUsOS4zMzEJYzEuNTIxLDIuMjU4LDMuNTU2LDQuODA0LDYuMjEsNC44MjZjMi4zNjUsMC4wMjUsMy4wMzMtMS40NjksNi4yMzctMS40ODRjMy4yMDUtMC4wMjQsMy44MTQsMS41LDYuMTc2LDEuNDgyCWMyLjY1Ni0wLjAyMSw0LjgwNS0yLjg0Niw2LjMyNi01LjEwOWMxLjA4OC0xLjYxOSwxLjQ5NC0yLjQzOSwyLjM0Mi00LjI3NEMzNC44NzgsMzAuNjg4LDMzLjM4OSwyNC4zMTQsMzYuNzM2LDIwLjQyMXoiPjwvcGF0aD48L3N2Zz4=" width="96">
<h3>Mac OS</h3>
</div>
<div class="box" style="width: 126px; height: 158px;">
<img src="data:image/png;base64,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" width="96">
<h3>Linux</h3>
</div>
</div>
</center>
</div>
<hr>
<div class="content">
<h2>Ready to give it a try?</h2>
<a href="./signup.html">Sign Up!</a>
</div>
<div class="footer">
<center>
<img src="./assets/img/dd2.png" width="20%" style="max-width: 150px;">
<p>DragonDrop is a copyright (C), 2017 of the DragonDrop Team.</p>
<!--Insert rest of footer here-->
</center>
</div>
</body>
</html>