blob: d7a9afee241c4c0cf96cd52a4f496a51d925c447 (
plain) (
blame)
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
129
130
131
132
133
134
135
|
<!DOCTYPE html>
<html>
<head>
<% include ./includes/header %>
</head>
<body>
<% include ./includes/navbar %>
<!--Jumbotron-->
<div class="jumbotron special-color bounceIn">
<h2 class="display-4">Hello! Welcome to Alee Productions.</h2>
<p class="lead">We are a very small productions company.</p>
<hr class="my-4">
<p>If you want to know more about us click the button down below.</p>
<a class="btn btn-green btn-lg" href="/about" role="button">Learn more</a>
</div>
<div class="container">
<!--Carousel Wrapper-->
<div id="carousel-example-2" class="carousel slide carousel-fade" data-ride="carousel">
<!--Indicators-->
<ol class="carousel-indicators">
<li data-target="#carousel-example-2" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-2" data-slide-to="1"></li>
<li data-target="#carousel-example-2" data-slide-to="2"></li>
</ol>
<!--/.Indicators-->
<!--Slides-->
<div class="carousel-inner" role="listbox">
<div class="carousel-item active">
<div class="view">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(68).jpg"
alt="First slide">
<div class="mask rgba-black-light"></div>
</div>
<div class="carousel-caption">
<h3 class="h3-responsive">Light mask</h3>
<p>First text</p>
</div>
</div>
<div class="carousel-item">
<!--Mask color-->
<div class="view">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(6).jpg"
alt="Second slide">
<div class="mask rgba-black-strong"></div>
</div>
<div class="carousel-caption">
<h3 class="h3-responsive">Strong mask</h3>
<p>Secondary text</p>
</div>
</div>
<div class="carousel-item">
<!--Mask color-->
<div class="view">
<img class="d-block w-100" src="https://mdbootstrap.com/img/Photos/Slides/img%20(9).jpg"
alt="Third slide">
<div class="mask rgba-black-slight"></div>
</div>
<div class="carousel-caption">
<h3 class="h3-responsive">Slight mask</h3>
<p>Third text</p>
</div>
</div>
</div>
<!--/.Slides-->
<!--Controls-->
<a class="carousel-control-prev" href="#carousel-example-2" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carousel-example-2" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
<!--/.Controls-->
</div>
<!--/.Carousel Wrapper-->
<br>
<!--Community, Video and Software-->
<div class="row">
<div class="col-sm">
<center>
<div class="view overlay">
<a href="https://discord.gg/EFhRDqG">
<img src="/img/users-solid.svg" height=220px>
<div class="mask flex-center rgba-green-strong">
<p class="white-text">Community</p>
</div>
</a>
</div>
<br>
Community
</center>
</div>
<div class="col-sm">
<center>
<div class="view overlay">
<a href="https://www.youtube.com/channel/UC9CIwdleH3m_PV35QqULWzA">
<img src="/img/video-solid.svg" height=220px>
<div class="mask flex-center rgba-green-strong">
<p class="white-text">Video</p>
</div>
</a>
</div>
<br>
Video
</center>
</div>
<div class="col-sm">
<center>
<div class="view overlay">
<a href="https://github.com/aleeproductions">
<img src="/img/file-code-solid.svg" height=220px>
<div class="mask flex-center rgba-green-strong">
<p class="white-text">Software</p>
</div>
</a>
</div>
<br>
Software
</center>
</div>
</div>
</div>
<script>
console.log("Welcome to Alee Productions :)");
alert("Please note that this website is under active development and bugs may occur.\nIf there's any report it to the GitHub repo.");
</script>
<% include ./includes/footer %>
</body>
</html>
|