Temavrix.github.io/Temavrix.html at master · Temavrix/Temavrix.github.io · GitHub

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
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
<!DOCTYPE html>
<html>
    <link rel="stylesheet" href="./scripts/stylesheet.css">
    <link rel="stylesheet" href="./scripts/index.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

    <head>
        <title>Temavrix</title>
        <meta charset="UTF-8">
        <link rel="icon" type="image/x-icon" href="./scripts/images/favicon.png">
        <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
        <meta content="width=device-width; initial-scale=1.0; maximum-scale=1.0;  user-scalable=0;" name="viewport">
        <style>
            body, h1, h2, h3, h4, h5, h6 {
                font-family: "Raleway", sans-serif
                }

            body,
            html {
                height: 100%;
                line-height: 1.8;
                }

            img.test {
                width: 100%;
                height: auto;
                }

            /* Full height image header */
            .bgimg-1 {
                background-position: center;
                background-size: cover;
                background-image: url("./scripts/images/laptop.jpg");
                min-height: 100%;
                }

            .epic-bar .epic-button {
                padding: 16px;
                }
        </style>
    </head>

    <body>
        <!-- Navbar (sit on top) -->
        <div class="epic-top">
            <div class="epic-bar epic-black epic-card" id="myNavbar">
                <a href="https://Temavrix.github.io/Temavrix.html" class="epic-bar-item epic-button epic-wide">Temavrix</a>
                <!-- Right-sided navbar links -->
                <div class="epic-right epic-hide-small">
                    <a href="./scripts/temabout.html" class="epic-bar-item epic-button"><img class="epic-image" src="./scripts/images/Arrowbaw.png" width="19" height="19"> ABOUT US</a>
                    <a href="./scripts/temateam.html" class="epic-bar-item epic-button"><i class="fa fa-user"></i> TEAM</a>
                    <a href="./scripts/project.html" class="epic-bar-item epic-button"><i class="fa fa-th"></i> OUR PRODUCTS</a>
                    <a href="./scripts/contact.html" class="epic-bar-item epic-button"><i class="fa fa-envelope"></i> CONTACT US</a>
                </div>
                <!-- Hide right-floated links on small screens and replace them with a menu icon -->

                <a href="javascript:void(0)" class="epic-bar-item epic-button epic-right epic-hide-large epic-hide-medium"
                onclick="epic_open()">
                <i class="fa fa-bars"></i>
                </a>
            </div>
        </div>

        <!-- Sidebar on small screens when clicking the menu icon -->
        <nav class="epic-sidebar epic-bar-block epic-black epic-card epic-animate-left epic-hide-medium epic-hide-large"
            style="display:none" id="mySidebar">
            <a href="javascript:void(0)" onclick="epic_close()" class="epic-bar-item epic-button epic-large epic-padding-16">Close
                ×</a>
            <a href="https://Temavrix.github.io/Temavrix.html" onclick="epic_close()" class="epic-bar-item epic-button">HOME</a>
            <a href="./scripts/temabout.html" onclick="epic_close()" class="epic-bar-item epic-button">ABOUT US</a>
            <a href="./scripts/temateam.html" onclick="epic_close()" class="epic-bar-item epic-button">TEAM</a>
            <a href="./scripts/project.html" onclick="epic_close()" class="epic-bar-item epic-button">OUR PRODUCTS</a>
            <a href="./scripts/contact.html" onclick="epic_close()" class="epic-bar-item epic-button">CONTACT US</a>
        </nav>

        <!-- Header with full-height image -->
        <header class="bgimg-1 epic-display-container epic-grayscale-min" id="home">
            <div class="epic-display-left epic-text-white" style="padding:48px">
                <span class="epic-jumbo epic-hide-small reveal">Lets start some impact with coding :-)</span><br>
                <span class="epic-xxlarge epic-hide-large epic-hide-medium reveal">Lets start some impact with coding</span><br>
                <span class="epic-large reveal">Lets try solving problems and make our lives easier using Open-Source Coding.</span>
                <p><a href="./scripts/temabout.html"
                    class="epic-button epic-white epic-padding-large epic-large epic-margin-top epic-opacity epic-hover-opacity-off reveal">Learn
                    more about us >>></a></p>
            </div>
            <div class="epic-display-bottomleft epic-text-grey epic-large" style="padding:24px 48px">
                <a href="https://github.com/Temavrix"><i class="fa fa-github"></i></a>
                <a href="https://x.com/No1SoftwareDev"><i class="fa fa-twitter"></i></a>
            </div>
        </header>


        <div class="epic-container epic-row-padding epic-center" style="padding:50px 16px" id="about">
            <h3 class="epic-center">Building Technology That Creates Real-World Impact</h3>
            <p class="epic-center epic-content epic-large" style="max-width:1500px">
                Technology has the power to transform how people work, collaborate, and solve everyday challenges. At Temavrix, we develop modern software solutions that simplify complex workflows, improve productivity
                and create meaningful digital experiences through thoughtful engineering and innovative design. By combining open-source technologies, artificial intelligence, cloud services, and modern software development
                practices, we build products that are reliable, scalable, and accessible for individuals, developers, businesses, and communities around the world.<br><br>

                Our approach is centered around solving practical problems through technology rather than creating software for the sake of innovation alone. Every product begins by identifying real user needs, followed by careful planning,
                iterative development, and continuous refinement to deliver solutions that are both intuitive and dependable. We believe that software should empower people, not complicate their workflows. Whether it is helping developers
                manage projects more efficiently, enabling teams to collaborate effectively, or providing users with intelligent automation, our goal is to build technology that delivers measurable value and long-term impact.<br><br>

                As technology continues to evolve, Temavrix remains committed to embracing emerging technologies while maintaining high standards of performance, security, and user experience. We continuously invest in research, experimentation
                and engineering excellence to ensure our products remain relevant in an increasingly digital world.
            </p>
        </div>

        <!-- About Section -->
        <div class="epic-container epic-light-grey epic-row-padding epic-center" style="padding:50px 16px" id="about">
            <h3 class="epic-center">About Temavrix</h3>
            <p class="epic-center epic-content epic-large" style="max-width:1500px">
                Temavrix is a Singapore-based technology startup focused on building intelligent software solutions that bridge innovation with practicality. We develop applications ranging from
                AI-powered productivity platforms and developer tools to visualization software and modern web applications that address real-world challenges. Our engineering philosophy is built upon transparency,
                collaboration, and continuous improvement. Every product we create is designed with long-term maintainability, scalability, and user experience in mind, ensuring that our solutions remain valuable as
                technologies continue to evolve. <br><br>

                As an open-source-first organization, we believe that publicly accessible code encourages innovation, strengthens software quality, and enables communities to contribute toward building better products together.
                Our multidisciplinary approach combines software engineering, user experience design, cloud technologies, artificial intelligence, and data-driven decision making to create solutions that are practical, efficient,
                and adaptable. By integrating these disciplines into a unified development process, we are able to deliver software that balances technical excellence with everyday usability. <br><br>

                Looking ahead, Temavrix aims to expand its portfolio of intelligent software solutions that leverage artificial intelligence, automation, cloud computing, and modern software engineering principles. Our vision is to create technologies that not only solve today's challenges but also anticipate the evolving needs of tomorrow's digital landscape.</p>
            <div class="epic-row-padding epic-center epic-content" style="margin-top:64px; max-width:1500px">
                <div class="epic-quarter">
                    <i class="fa fa-desktop epic-margin-bottom epic-jumbo epic-center fade-section"></i>
                    <p class="epic-large">Responsive</p>
                    <p>We are committed to delivering responsive customer support and maintaining open communication with our users.
                        Our team strives to provide timely and effective solutions.</p>
                </div>
                <div class="epic-quarter">
                    <i class="fa fa-heart epic-margin-bottom epic-jumbo fade-section"></i>
                    <p class="epic-large">Open Source</p>
                    <p>Open-source software is the core of our engineering philosophy. By developing our products transparently,
                        encouraging collaboration, foster community-driven innovation, and build trust through publicly accessible codebases.</p>
                </div>
                <div class="epic-quarter">
                    <i class="fa fa-diamond epic-margin-bottom epic-jumbo fade-section"></i>
                    <p class="epic-large">User-Centric Design</p>
                    <p>We believe exceptional software combines powerful functionality with intuitive design. Every product is engineered with a focus
                        on usability, accessibility, and modern UI/UX principles, enabling users to navigate complex features with confidence.</p>
                </div>
                <div class="epic-quarter">
                    <i class="fa fa-cog epic-margin-bottom epic-jumbo fade-section"></i>
                    <p class="epic-large">Community Support</p>
                    <p>Our products are actively maintained through GitHub, where users can report issues, contribute improvements, submit feature requests,
                        and collaborate directly with our development team.</p>
                </div>
            </div>
        </div>


        <!-- Promo Section - "Engineering with Design in Mind" -->
        <div class="epic-container epic-dark-grey" style="padding:50px 16px">
            <div class="epic-row-padding epic-content" style="max-width:1500px">
                <div class="epic-col m6 epic-medium">
                    <h3>Engineering with Design in Mind</h3>
                    <p>Our startup aims to make our apps more vibrant, sustainable and efficient.
                        <br><br> At Temavrix, we believe exceptional software is achieved through the seamless integration of robust engineering and thoughtful design.
                        While reliable backend systems provide the foundation for performance, security, and scalability, it is intuitive frontend experiences that enable
                        users to fully realize the value of those technologies. Our development process combines modern software engineering practices with user-centric
                        design principles to create applications that are not only powerful but also accessible, consistent, and easy to navigate. Every interface is
                        carefully designed with usability, responsiveness, and accessibility in mind, ensuring users of all technical backgrounds can interact with
                        our products confidently and efficiently. <br><br> By incorporating modern UI/UX methodologies, responsive layouts, and intuitive workflows, we reduce the
                        learning curve while improving productivity across desktop and mobile platforms. Beyond enhancing the user experience, strong design principles also
                        contribute to better software maintainability by providing developers with clear visual organization, structured component architectures, and streamlined
                        debugging processes throughout the software development lifecycle. This holistic approach enables us to build vibrant, scalable, and sustainable applications
                        that balance technical excellence with practical usability, delivering software solutions that remain reliable, adaptable, and enjoyable to use as technology
                        continues to evolve.
                    </p>
                    <p><a href="https://epicrd.github.io/RDdept.html" class="epic-button epic-black fade-section">View Our R&D Website >>></a></p>
                </div>
                <div class="epic-col m6 fade-section">
                    <img class="epic-image epic-round-large" src="./scripts/images/design.jpg"
                        alt="Coding" width="640" height="300">
                </div>
            </div>
        </div>


        <div class="epic-container epic-row-padding epic-center epic-light-grey" style="padding:50px 16px" id="about">
            <h3 class="epic-center">Community & Innovation Support</h3>
            <p class="epic-center epic-content epic-large" style="max-width:1500px">
                Technology grows stronger through collaboration. We maintain an active presence on GitHub, where users can report issues, suggest enhancements, contribute code
                and participate in discussions surrounding our projects. We value community feedback as an essential part of our development process and continually incorporate
                user suggestions to improve the quality, performance and usability of our software.<br><br>

                Innovation is not a single milestone but an ongoing process. Our team continuously researches emerging technologies, evaluates new development methodologies
                and explores opportunities to enhance existing products while creating entirely new solutions. Regular product updates, feature releases, and technical
                improvements ensure that our applications continue to meet evolving user expectations and industry standards.
            </p>
        </div>


        <section class="epic-container epic-row-padding epic-center"><br>
            <h3>Catch Up With The Latest News From Temavrix</h3>
            <p class="epic-content epic-large" style="max-width:900px">Innovation is an ongoing process. As Temavrix continues to expand its portfolio of products and technologies,
                we regularly publish development updates, product releases, and engineering milestones to keep our users, contributors, partners, and stakeholders informed.
                Maintaining transparency throughout our development lifecycle enables us to build long-term confidence in our products while encouraging active engagement
                from our growing community.<br>
                <a href="https://codingaviator.github.io/Epicnews.html"
                    class="epic-button epic-black epic-padding-large epic-large epic-margin-top epic-opacity epic-hover-opacity-on">
                    Temavrix News And Updates>>>
                </a>
            </p><br>
        </section>


        <!-- Organisation Worm logo -->
        <section class="epic-row-padding epic-center epic-light-grey">
            <h2 class="epic-wide"><img class="epic-image epic-round-large" src="./scripts/images/Arrowbaw.png" width="40" height="40">   Temavrix</h2>
        </section>

        <section class="epic-row-padding epic-center epic-light-grey">
            <a style="color: #000000;" href="./scripts/contact.html">Contact Us</a>
        </section>

        <!-- Organisation Footer -->
        <footer class="epic-container epic-padding-64 epic-center epic-black epic-xlarge">
            <a href="https://github.com/Temavrix"><i class="fa fa-github"></i></a>
            <a href="https://x.com/No1SoftwareDev"><i class="fa fa-twitter"></i></a>
            <p class="epic-medium">
                Designed by <a href="https://github.com/Temavrix" target="_blank">Temavrix</a>
                <br>(C) Temavrix 2026
            </p>
        </footer>

        <script>

            const sections = document.querySelectorAll('.fade-section');

            const observer = new IntersectionObserver(entries => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                entry.target.classList.add('show');
                } else {
                entry.target.classList.remove('show');
                }
            });
            }, { threshold: 0.2 });

            sections.forEach(section => {
            observer.observe(section);
            });


            const reveals = document.querySelectorAll('.reveal');

            const observerone = new IntersectionObserver((entries) => {
            entries.forEach(entry => {
                if (entry.isIntersecting) {
                entry.target.classList.add('active');
                } else {
                entry.target.classList.remove('active');
                }
            });
            }, {threshold: 0.2});

            reveals.forEach(el => observerone.observe(el));


            // Modal Image Gallery
            function onClick(element) {
                document.getElementById("img01").src = element.src;
                document.getElementById("modal01").style.display = "block";
                var captionText = document.getElementById("caption");
                captionText.innerHTML = element.alt;
            }


            // Toggle between showing and hiding the sidebar when clicking the menu icon
            var mySidebar = document.getElementById("mySidebar");

            function epic_open() {
                if (mySidebar.style.display === 'block') {
                    mySidebar.style.display = 'none';
                } else {
                    mySidebar.style.display = 'block';
                }
            }

            // Close the sidebar with the close button
            function epic_close() {
                mySidebar.style.display = "none";
            }
        </script>

    </body>

</html>