-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpage-newbuild.php
170 lines (140 loc) · 9.98 KB
/
page-newbuild.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
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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<?php
/* Template Name: newbuild */
?>
<?php get_header(); ?>
<!-- PAGE MAIN -->
<div class="js-smooth-scroll bg-dark-1" id="page-wrapper" data-barba="container" data-arts-theme-text="light">
<main class="page-wrapper__content">
<!-- section MASTHEAD -->
<section class="section section-masthead section-fullheight text-center bg-dark-1" data-arts-os-animation="data-arts-os-animation" data-arts-theme-text="light" data-background-color="var(--color-dark-1)">
<div class="section-masthead__inner section-fullheight__inner container-fluid">
<header class="row section-masthead__header justify-content-center">
<div class="col">
<div class="w-100">
<div class="section-masthead__subheading h4 mt-0-5 split-text js-split-text" data-split-text-type="lines,words" data-split-text-set="words">
<h2 class="endema-servis mt-6 mb-0 textbg slider__heading js-split-text" data-split-text-type="lines, words, chars">NEWBUILDS</h2>
</div>
</div>
</div>
<div class="section-masthead__wrapper-scroll-down section-masthead__wrapper-scroll-down_center">
<div class="circle-button js-circle-button" data-arts-os-animation="true">
<!-- curved label -->
<div class="circle-button__outer">
<div class="circle-button__wrapper-label">
<div class="circle-button__label small-caps">Dıscover More</div>
</div>
</div>
<!-- - curved label -->
<!-- geometry wrapper -->
<div class="circle-button__inner">
<div class="circle-button__circle" data-arts-scroll-down="data-arts-scroll-down" data-arts-cursor="data-arts-cursor" data-arts-cursor-hide-native="true" data-arts-cursor-scale="0">
<svg class="svg-circle" viewBox="0 0 60 60" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<circle class="circle" cx="30" cy="30" r="29" fill="none"></circle>
</svg>
</div>
<!-- browsers with touch support -->
<div class="circle-button__icon circle-button__icon-touch">
<svg enable-background="new 0 0 64 64" height="512" viewBox="0 0 64 64" width="512" xmlns="http://www.w3.org/2000/svg">
<path d="m32 8c-1.104 0-2 .896-2 2v39.899l-14.552-15.278c-.761-.799-2.026-.832-2.828-.069-.8.762-.831 2.027-.069 2.827l16.62 17.449c.756.756 1.76 1.172 2.829 1.172 1.068 0 2.073-.416 2.862-1.207l16.586-17.414c.762-.8.73-2.065-.069-2.827-.799-.763-2.065-.731-2.827.069l-14.552 15.342v-39.963c0-1.104-.896-2-2-2z"></path>
</svg>
</div>
<!-- - browsers with touch support -->
<!-- - browsers without touch support -->
<div class="circle-button__icon circle-button__icon-mouse">
<svg class="svg-mouse" width="23px" height="35px" viewBox="0 0 23 35" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- border -->
<path class="svg-mouse__border" d="M11.5,0 C5.15875132,0 0,5.23135343 0,11.6610111 L0,23.3396542 C0,29.7691456 5.15875132,35 11.5,35 C17.8412487,35 23,29.7693119 23,23.3396542 L23,11.6610111 C23,5.23135343 17.8410847,0 11.5,0 Z M21.7222404,23.3396542 C21.7222404,29.0545544 17.136538,33.7037222 11.5,33.7037222 C5.86346203,33.7037222 1.27775956,29.0545544 1.27775956,23.3396542 L1.27775956,11.6610111 C1.27775956,5.946111 5.86346203,1.29627781 11.5,1.29627781 C17.136538,1.29627781 21.7222404,5.94594466 21.7222404,11.6610111 L21.7222404,23.3396542 Z"></path>
<!-- - border -->
<!-- wheel -->
<path class="svg-mouse__wheel" d="M11.5,4 C11.2238902,4 11,4.28321727 11,4.63321727 L11,10.3667827 C11,10.7167827 11.2238902,11 11.5,11 C11.7761098,11 12,10.7167827 12,10.3667827 L12,4.63321727 C11.9998717,4.28321727 11.7761098,4 11.5,4 Z"></path>
<!-- - wheel -->
</svg>
</div>
<!-- - browsers without touch support -->
</div>
<!-- - geometry wrapper -->
</div>
</div>
</header>
</div>
<div class="section-image section-masthead__background section-masthead__background_fullscreen">
<div class="section-image__wrapper js-transition-img" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.15">
<div class="js-transition-img__transformed-el">
<div class="lazy-bg" data-src="https://endema.com.tr/wp-content/themes/endema/img/assets/bg/bg8.webp"></div>
</div>
</div>
<!-- overlay-->
<div class="overlay arkaplan overlay_bottom-dark section-masthead__overlay"></div>
<!-- - overlay -->
</div>
</section>
<!-- - section MASTHEAD -->
<!-- section CONTENT #2 -->
<div class="container section pt-medium pb-medium">
<div class="row">
<div class="col">
<section class="section section-content clearfix text-center" data-arts-os-animation="data-arts-os-animation">
<div class="section-content__inner">
<div class="w-100"></div>
<div class="split-text js-split-text">
<h2 class="endema-serviss textbg slider__heading js-split-text text-center" data-split-text-type="lines, words, chars">Excellence, Experıence, and Integrıty ın Yacht Buıldıng</h2>
</div>
<div class="w-100"></div>
<div class="section-content__text split-text js-split-text mt-1" data-split-text-type="lines" data-split-text-set="lines">
<p>At Endema Shipyard, we are delivering excellence in yacht building for years. Specializing in the composite, steel and aluminum construction of yachts up to 50 meters, we combine innovation, craftsmanship, and attention to detail to turn the dreams of sea enthusiasts into reality. Our team of young and dynamic professionals brings years of experience and a collaborative spirit to every project. With a commitment to integrity in every step, from concept to completion, we ensure that each yacht is not just a vessel but a testament to quality and trust. By blending cutting-edge technology with timeless design, we create yachts that reflect both elegance and functionality.
We build yachts, with excellence, experience, and integrity.</p>
</div>
</div>
</section>
</div>
</div>
<div id="parallax-world-of-ugg">
<section class="mobile-endema">
<div class="parallax-one">
</div>
</section>
</div>
</div>
<!-- - section CONTENT #2 -->
<section class=" section section-blog section-grid section-content overflow pt-xsmall pb-medium" data-arts-theme-text="light" data-arts-os-animation="data-arts-os-animation" data-grid-columns="2" data-grid-columns-tablet="2" data-grid-columns-mobile="1">
<div class="container-fluid">
<section class="section section-content clearfix text-center" data-arts-theme-text="light" data-arts-os-animation="data-arts-os-animation">
<div class="section-content__inner">
<div class="w-100"></div>
<div class="split-text js-split-text">
<h2 class="endema-servis textbg slider__heading js-split-text" data-split-text-type="lines, words, chars">NewBuıld Yachts</h2>
</div>
</section>
<div class="row no-gutters align-items-center figure-project figure-project_no-hover pt-small d-flex justify-content-center">
<div class="col-lg-8 order-lg-2">
<div class="figure-project__wrapper-img"><a class="hover-zoom figure-project__link" href="https://endema.com.tr/ocean90/">
<div class="hover-zoom__inner">
<div class="hover-zoom__zoom" data-arts-parallax="data-arts-parallax" data-arts-parallax-factor="0.09">
<div class="lazy">
<img data-src="https://endema.com.tr/wp-content/themes/endema/img/assets/newbuild/ocean90/ocean90.jpg" src="https://endema.com.tr/ocean90/" alt="" width="1900" height="1100"/></div>
</div>
</div></a>
<div class="figure-project__wrapper-letter d-lg-block d-none" data-arts-theme-text="light">
<div class="figure-project__letter" data-arts-parallax="element" data-arts-parallax-y="-20%">90</div>
</div>
</div>
</div>
<div class="col-lg-4 order-lg-1">
<div class="figure-project__content pt-1 pt-md-0 text-right"><a class="figure-project__link js-change-text-hover" href="https://endema.com.tr/ocean90/">
<h2 class="h2 figure-project__heading">OCEAN90</h2>
<div class="figure-project__category mt-md-1 mt-0-5">
<div class="change-text-hover small-caps js-change-text-hover text-right">
<!-- label by default -->
<div class="change-text-hover__normal js-split-text split-text js-change-text-hover__normal" data-split-text-type="lines" data-split-text-set="lines">Explore Yatch</div>
<!-- - label by default -->
<!-- label on hover -->
<div class="change-text-hover__hover js-change-text-hover__hover"><span class="js-split-text split-text" data-split-text-type="lines" data-split-text-set="lines">OCEAN90</span>
</div>
<!-- - label on hover -->
</div>
</div></a></div>
</div>
</div>
</div>
</section>
<?php get_footer(); ?>