generated from octoposprime/temp
-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathindex.html
107 lines (91 loc) · 5.06 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
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Octopos Future</title>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap" rel="stylesheet">
<script defer src="script.js"></script>
</head>
<body>
<div class="container">
<img src="../image/octopos-effects.png" class="logo">
<img src="../image/octopos.png" alt="Central Octopus" class="octopus">
<!-- Example of one icon; duplicate and modify as necessary -->
<!-- DevOps -->
<img src="../image/icons/MergeCycle.png"
title="MergeCycle"
alt="DevOps is a culture, methodology, and toolset that accelerates the delivery of IT services
and applications. This approach removes barriers and shortens processes throughout every stage of the software
lifecycle by fostering effective collaboration between development and operations teams. DevOps facilitates continuous
improvements through the use of extensive tools for automation, testing, configuration, integration, delivery, and other
processes, enabling organizations to move more swiftly and gain a competitive edge."
data-images="logo.png, logo.png, octopos.png"
class="teamIcon teamIcon-1">
<!-- Ser -->
<img src="../image/icons/ser.webp"
title="Chomlex"
alt=""
class="teamIcon teamIcon-2">
<!-- electırıc -->
<img src="../image/icons/electric.webp"
title="ComNal"
alt="We are ComNal, a team that provides innovative and reliable solutions in the electronics
sector. We offer comprehensive services to our clients in areas such as PCB board design,
embedded programming, and external enclosure design, creating tailored solutions to meet their specific needs."
class="teamIcon teamIcon-3" >
<!-- naccash -->
<img src="../image/icons/naccash.webp"
title="Naccash"
alt="Our 3D and 2D design team enhances brand identity and brings projects to life by offering creative and original visual solutions to our clients.
Utilizing modern 3D and 2D techniques, our design team delivers custom solutions that strengthen visual communications and amplify the impact of their
brands. We assist our clients in realizing their projects with creative and functional designs, thereby highlighting their brand values."
class="teamIcon teamIcon-4" >
<!-- ubnjr -->
<img src="../image/icons/ubnjr.webp"
title="Ubn-Jr"
alt="The consulting company within this corporate structure manages all customer relations for the nine companies.
It oversees processes such as business analysis between customers and technical staff, acting as a bridge that conveys customer demands
to the technical team and the technical team's queries to the customer. Additionally, it brings external business to the relevant companies
and takes responsibility for all relationship management from start to finish."
class="teamIcon teamIcon-6" >
<!-- ınoskytech -->
<img src="../image/icons/web.webp"
title="InoskyTech"
alt="At Innoskytech, we are a team passionate about innovation in the web space, and we strive to bring these innovations to you.
We offer comprehensive services in areas such as custom-designed websites, e-commerce sites, and web applications. Our team works passionately to help
strengthen our clients' online presence and ensure their success."
class="teamIcon teamIcon-7" >
<!-- backend -->
<img src="../image/icons/backend.webp"
title="Posinowa"
alt="Posinowa is a technology firm that delivers robust backend solutions for web and mobile applications.
Our services encompass database management, API integration, and server operations, ensuring that your applications
operate smoothly and efficiently. With a focus on security and performance optimization, we enhance data protection
and elevate the customer experience."
class="teamIcon teamIcon-8" >
<!-- modest -->
<img src="../image/icons/modest.webp"
title="Modest"
alt="E-commerce, education, industry, and other fields benefit from website service integration,
enabling the incorporation of various features and components into websites. As an 8-person team specializing in
this field, we are here to provide our customers with customized solutions. For instance, payment processing
integration facilitates secure transactions on e-commerce websites."
class="teamIcon teamIcon-9" >
<!-- nvmgame -->
<img src="../image/icons/game.webp"
title="NVM Game"
alt="NVM Game is a game development company that offers innovative
and creative gaming solutions. Specialized in both 2D and 3D games, our firm leverages cutting-edge technology
to craft games that are engaging, addictive, and exhilarating."
class="teamIcon teamIcon-10" >
<div id="popupOverlay" class="popupOverlay"></div> <!-- New overlay for blurring -->
<div id="popup" class="popup">
<h1 id="popupTitle" class="popupTitle">Team Name</h1>
<p id="popupContent">Info about the Team</p>
</div>
<a href="/contact/contactpage.html" id="contactButton" class="button">Lets Talk</a>
</div>
</body>
</html>