-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathdev.html
More file actions
265 lines (229 loc) · 18.2 KB
/
dev.html
File metadata and controls
265 lines (229 loc) · 18.2 KB
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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>U2P</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.rtl.min.css" integrity="sha384-gXt9imSW0VcJVHezoNQsP+TNrjYXoGcrqBZJpry9zJt8PCQjobwmhMGaDHTASo9N" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.2/font/bootstrap-icons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Muli:200,300,400,500,600,700,800,900&display=swap" />
<link rel="stylesheet" type="text/css" href="assets/main.css?v=1"/>
<link rel="icon" type="image/x-icon" href="assets/images/page_icon.svg">
<link href="assets/preloader.css?v=1" rel="stylesheet">
</head>
<body class="">
<div id="loader-wrapper" >
<div id="loader" ></div>
<div class="loader-section section-left" style="background: black;"><img class="logo" src="assets/images/u2p_logo_white.svg" style="margin: 30px;"></div>
<div class="loader-section section-right" style="background: black;"></div>
</div>
<nav class="navbar navbar-expand-lg navbar-dark" style="padding: 20px 50px 20px 2.5vmax; background-color:black;">
<div class="container-fluid">
<a href="index.html" class="navbar-brand">
<img class="logo" src="assets/images/u2p_logo_white.svg">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0 p-3" style="margin-right: 10px;">
<li class="nav-item"><a href="index.html" class="text-reset nav-link">Home</a></li>
<li class="nav-item"><a class="nav-link" id="current_page" onclick="wd_was_clicked()">Web Development</a></li>
<li class="nav-item"><a class="text-reset nav-link " id="da" onclick="da_was_clicked()">Desktop Applications</a></li>
<li class="nav-item"><a class="text-reset nav-link" id="cv" onclick="cv_was_clicked()">Computer Vision</a></li>
</ul>
</div>
</div>
</nav>
<!-- hero section -->
<section id="home_dev" class="d-flex justify-content-start align-items-center">
<div class="m-5 p-3">
<!-- 3d animation -->
<div style="background-color: black; position:absolute; bottom:0; right: 0; height: 60px; width: 160px; z-index:99"></div>
<script type="module" src="https://unpkg.com/@splinetool/viewer@0.9.523/build/spline-viewer.js"></script>
<spline-viewer url="https://prod.spline.design/5zVkFaACnTJ55gJJ/scene.splinecode" id="simulator_3d"></spline-viewer>
<img src="assets\images\Biblically accurate _O_ - Copy@3-360x740.png" id="home_2d">
<div class="hidden main_slow_hiden">
<h1 class="text-white lh-2 md-fs-xl1 md-lh-1 d-inline" id="text_c" style="font-weight: 900; font-size: 5vmax">Web<br>Development</h1>
<br>
<div class="d-inline-flex">
<a href="#projects_dev"><button
class="btn btn-light p-10 our_projects_btn our_projects_btn_fill" >Our
Projects</button></a>
</div>
</div>
</div>
</section>
<!-- features -->
<section class="" id="features">
<div class="d-flex flex-column flex-md-row mx-auto">
<div class="features_cart hidden features_cart_dev" id="current_features" onclick="wd_was_clicked()">
<div class="features_content">
<div class="d-flex mb-3 justify-content-center align-items-center rounded-circle bg_white_black" style="width: 80px; height: 80px">
<i class="bi bi-globe2"></i>
</div>
<h4 class="fw-600 fs-3 mb-3">Web Development</h4>
<div class="indigo-lightest fs-5 lh-3">We craft modern websites, from simple pages to complex online platforms. Our team uses the latest technologies to bring your ideas to life.</div>
</div>
</div>
<div class="features_cart hidden features_cart_dev" id="da_f" onclick="da_was_clicked()">
<div class="features_content">
<div class="d-flex mb-3 justify-content-center align-items-center rounded-circle bg_white_black" style="width: 80px; height: 80px">
<i class="bi bi-code-slash"></i>
</div>
<h4 class="fw-600 fs-3 mb-3">Desktop Applications</h4>
<div class="indigo-lightest fs-5 lh-3">Developing applications for your computer, ensuring convenience and functionality. Reliable solutions for your business or personal use.</div>
</div>
</div>
<div class="features_cart hidden features_cart_dev" id="cv_f" onclick="cv_was_clicked()">
<div class="features_content">
<div class="d-flex mb-3 justify-content-center align-items-center rounded-circle bg_white_black" style="width: 80px; height: 80px">
<i class="bi bi-eye"></i>
</div>
<h4 class="fw-600 fs-3 mb-3">Computer Vision</h4>
<div class="indigo-lightest fs-5 lh-3">Implementing advanced computer vision techniques to enable machines to interpret and understand the visual world.</div>
</div>
</div>
</div>
</section>
<section class="dev_about hidden" id="dev_about">
<div>
<ul>
<li><span class="border-bottom border-danger border-5">Crafting Versatile Websites:</span>
<p>We specialize in crafting versatile and dynamic websites tailored to meet the diverse needs of our clients. Whether you seek a minimalist single-page layout or a comprehensive, multifunctional online platform, our team is equipped to bring your vision to life.</p>
</li>
<li><span class="border-bottom border-danger border-5">Custom Solutions for Every Need: </span>
<p>Our approach involves understanding your specific requirements and customizing solutions accordingly. From responsive design for optimal viewing across devices to robust backend architecture, we ensure that your website not only looks impressive but functions seamlessly.</p>
</li>
<li><span class="border-bottom border-danger border-5">Cutting-edge Technologies and Techniques: </span>
<p>At our core, we harness the power of the latest technologies and industry best practices. Our team is proficient in utilizing a variety of tools, frameworks, and coding languages to create websites that are both visually appealing and technically sound.</p>
</li>
<li><span class="border-bottom border-danger border-5">Collaborative Development Process: </span>
<p>We believe in collaboration and involve our clients in every stage of development. Your inputs and ideas are crucial in shaping the final product, and we work closely with you to ensure that the end result aligns perfectly with your vision.</p>
</li>
<li><span class="border-bottom border-danger border-5">Emphasis on User Experience: </span>
<p>User experience is paramount in our development process. We focus on intuitive navigation, engaging interfaces, and fast-loading pages to provide visitors with a seamless and enjoyable browsing experience.</p>
</li>
<li><span class="border-bottom border-danger border-5">Scalable and Future-ready Solutions: </span>
<p>Our websites are designed with scalability in mind. As your business grows, your website can easily evolve to accommodate increased traffic, new features, and changing demands without compromising performance.</p>
</li>
<li><span class="border-bottom border-danger border-5">Comprehensive Support and Maintenance: </span>
<p>Our commitment doesn't end at the website launch. We offer ongoing support and maintenance services to ensure that your website continues to operate efficiently and stays up-to-date with evolving technologies and security standards.</p>
</li>
</ul>
</div>
</section>
<!-- product options -->
<section class="py-5" id="projects_dev">
<div class="container">
<div class="row">
<div class="d-flex col-md-6 product_option hidden">
<div class="p-3 m-2 bg-light rounded">
<img src="assets/images/shp_logo.png" alt="School of Entrepreneurs" class="shp_product_logo">
<div class="text-dark fw-bold fs-6">One of our projects for an educational institution was the website of the School of Entrepreneurs.</div>
<p class="indigo-lightest fw-600" style="color: black;">
The site contains many sections, including electronic textbooks, 3D tours, and much more. Students can access schedules, current updates, and specific pages dedicated to school organizations (clubs).
</p>
<a href="https://schoolshp.kz/" target="_blank" class="btn btn-dark text-white read_button product_option_btn">Look</a>
</div>
</div>
<div class="d-flex col-md-6 product_option hidden">
<div class="p-3 m-2 rounded bg_white_black">
<img src="assets\\images\\u2p_sim_web_white.svg" alt="U2P Simulator" class="u2p_product_logo">
<div class="text-white fw-bold fs-6">Competitive Simulator of Economics and Management (CSEM) WEB Version!</div>
<p class="indigo-lightest fw-600">
CSEM, an economic simulation, aids both university and school students. Through management simulations, learners grasp enterprise operations and align theoretical knowledge with practical experimentation. This fosters systemic thinking, interdisciplinary diagnosis, and strategic cognition.
</p>
<a class="btn btn-dark text-white-50 read_button product_option_btn">Soon</a>
</div>
</div>
</div>
</div>
</section>
<!-- contact -->
<section class="hidden" id="contact" style="background-color: black; padding: 15vh 6vw 15vh 6vw;">
<div class="rounded bg_white_black p-4 md:p-5 d-flex flex-wrap justify-content-between align-items-center">
<div class="w-100 col-md-4">
<h2 class="text-white fs-5 fw-bold">Contact Us</h2>
<p class="indigo-lightest">Feel free to reach out to us for inquiries, collaborations, or any questions you may have.</p>
</div>
<div class="w-100 col-md-6 mt-4 mt-md-0">
<div class="d-flex my-3">
<a href="https://forms.gle/VvbXtHR3aADoNjmm6" target="_blank" class="btn btn-light text-dark btn-lg fw-bold fs-6 flex-fill form_btn">
<b>Fill the Form</b>
</a>
</div>
</div>
</div>
</section>
<!-- top-scroll-button -->
<button type="button" onclick="scrollTop1()" title="Go to Top" id="topBtn">
<i class="bi bi-arrow-up-short"></i>
</button>
<!-- footer -->
<footer class="p-5 bg_white_black">
<div class="">
<div class="row align-items-center">
<div class="col-md-3 mb-5 text-center ">
<a href="index.html"><img src="assets/images/u2p_logo_white.svg" class="img-fluid " alt="u2p logo" id="footer_logo"></a>
</div>
<div class="col">
<div class="row ">
<div class="col mb-5">
<h5 class="text-white">Company</h5>
<ul class="list-unstyled mt-3 p-0">
<li><a href="index.html" class="indigo-lightest">Home</a></li>
<li><a href="about.html" class="indigo-lightest">About</a></li>
<li><a href="news.html" class="indigo-lightest">News</a></li>
<li><a href="index.html#contact" class="indigo-lightest">Contact</a></li>
</ul>
</div>
<div class="col mb-5">
<h5 class="text-white">Products</h5>
<ul class="list-unstyled mt-3 p-0">
<li><a href="simulator.html" class="indigo-lightest">U2P Simulator</a></li>
<li><a href="https://schoolshp.kz/" target="_blank" class="indigo-lightest">School of Entrepreneurs</a></li>
</ul>
</div>
<div class="col mb-5">
<h5 class="text-white">Support</h5>
<ul class="list-unstyled mt-3 p-0">
<li><a href="https://forms.gle/VvbXtHR3aADoNjmm6" target="_blank" class="indigo-lightest">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 ">
<div class="row text-center">
<div class="col mb-5 d-flex justify-content-center align-items-center">
<a href="https://www.instagram.com/u2p.kz/" target="_blank" class="btn bg-light d-flex justify-content-center align-items-center social_media_btn rounded-circle">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram text-dark" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
</svg>
</a>
</div>
<div class="col mb-5 d-flex justify-content-center align-items-center">
<a href="https://twitter.com/Karton4ik2" target="_blank" class="btn bg-light d-flex justify-content-center align-items-center social_media_btn rounded-circle" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter-x text-dark" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"/>
</svg>
</a>
</div>
<div class="col mb-5 d-flex justify-content-center align-items-center">
<a href="https://github.com/cardboardchik" target="_blank" class="btn bg-light d-flex justify-content-center align-items-center social_media_btn rounded-circle" >
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github text-dark" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<script src="assets/js/script.js?v=1"></script>
</body>
</html>