Browse code

Initial commit

Benjamin Roth authored on16/03/2023 20:22:35
Showing1 changed files
1 1
new file mode 100644
... ...
@@ -0,0 +1,81 @@
1
+<?php
2
+if (TL_MODE == 'FE') {
3
+    $GLOBALS['TL_CSS'][] = 'files/base/layout/css/elements/custom-elements/ce_rsce_fullwidthstoerer.min.css|static';
4
+}
5
+?>
6
+
7
+<div <?php echo $this->cssID; ?> class="content--element <?php echo $this->class; ?>">
8
+    <div class="ce--inner">
9
+        <?php if ($this->headline || $this->subline || $this->topline) : ?>
10
+        <div class="ce--headline"
11
+             data-aos="<?php if ($this->animation_type) : ?><?php echo $this->animation_type; ?><?php else : ?>animate__fadeInUp<?php endif; ?>">
12
+
13
+            <div class="container">
14
+                <?php if ($this->topline) : ?>
15
+                    <span class="ce--topline"><?php echo $this->topline; ?></span>
16
+                <?php endif; ?>
17
+                <?php if ($this->headline) : ?>
18
+                <<?php echo($this->hl); ?>>
19
+                <?php echo($this->headline); ?>
20
+            </<?php echo($this->hl); ?>>
21
+            <?php endif; ?>
22
+            <?php if ($this->subline) : ?>
23
+                <span class=" ce--subline"
24
+                ><?php echo $this->subline; ?></span>
25
+            <?php endif; ?>
26
+        </div>
27
+    </div>
28
+    <?php endif; ?>
29
+    <div class="ce--fullwidthstoerer">
30
+        <div class="fullwidthstoerer--inner">
31
+            <div class="container">
32
+                <div class="row align-items-center">
33
+                    <?php if ($this->image) : ?>
34
+                        <div class="d-none col-6 d-md-block">
35
+                            <img data-aos="fadeInRight" class="lazy"
36
+                                 data-src="<?= Image::get(FilesModel::findByUuid($this->image)->path, null, null, null); ?>">
37
+                        </div>
38
+                    <?php endif; ?>
39
+                    <div class="col">
40
+                        <div class="stoerer--content-column" data-aos="fadeInLeft">
41
+
42
+                            <div class="row">
43
+                                <div class="col">
44
+                                    <?php if ($this->ce_headline) : ?>
45
+                                    <div class="stoerer--headline" data-aos="animate__fadeIn">
46
+                                        <?php if ($this->ce_headline) : ?>
47
+                                        <<?php echo($this->headline_type); ?> class="mb-0" >
48
+                                        <?php echo($this->ce_headline); ?>
49
+                                    </<?php echo($this->headine_type); ?>>
50
+                                <?php endif; ?>
51
+                                </div>
52
+                                <?php endif; ?>
53
+                                <?php if ($this->ce_subline) : ?>
54
+                                    <div class="stoerer--subline"
55
+                                         data-aos="animate__fadeInUp"><?php echo $this->ce_subline; ?></div>
56
+                                <?php endif; ?>
57
+                                <?php if ($this->content) : ?>
58
+                                    <div class="stoerer--content mt-4" data-aos="animate__fadeIn">
59
+                                        <?php echo $this->content; ?>
60
+                                    </div>
61
+                                <?php endif; ?>
62
+                            </div>
63
+                            <?php if ($this->button_url) : ?>
64
+                                <div class="col-auto text-end">
65
+                                    <div class="stoerer--button" data-aos="animate__fadeIn">
66
+                                        <a class="btn <?= $this->button_type; ?> <?= $this->button_size; ?>"
67
+                                           href="<?php echo $this->button_url; ?>"><?php echo $this->button_text; ?></a>
68
+                                    </div>
69
+                                </div>
70
+                            <?php endif; ?>
71
+                        </div>
72
+
73
+
74
+                    </div>
75
+                </div>
76
+            </div>
77
+        </div>
78
+    </div>
79
+</div>
80
+</div>
81
+</div>
0 82
\ No newline at end of file