As technology continues to evolve, the storage, sharing, and organization of data have become increasingly important. At this point, XML (Extensible Markup Language) files play a crucial role in carrying and storing structured data. So, what is an XML file, what is it used for, and why is it used so widely? Here are the details you need to know about XML files.
What is XML?
XML is the abbreviation for "Extensible Markup Language." It means "Genişletilebilir İşaretleme Dili" in Turkish. It was developed by W3C (World Wide Web Consortium) and standardized in 1998.
It is a markup language like HTML, but the fundamental difference is that it is used to carry and define data. While HTML focuses on displaying data, XML focuses on describing what the data is.
Basic Features of XML Files
• Contains user-defined tags (e.g., , , ).
• Has a hierarchical (tree structure) data structure.
• Is platform and software independent.
• Supports Unicode character sets like UTF-8 or UTF-16.
• Has a commenting feature ().
• Enables the structuring of data.
What is the Structure of an XML File?
XML files consist of opening and closing tags. Here is a simple example:
<?xml version="1.0" encoding="UTF-8"?>
Artificial Intelligence 101
Ahmet Demir
89.90
In this example:
• is the main tag.
• Sub tags:
, <author>, <price>.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Each tag has a closing tag (</tag>).</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• The data is readable and meaningful.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="What is XML Used For?"> What is XML Used For? </h2>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="1. For Data Transport"> 1. For Data Transport </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML is ideal for performing data exchange between systems in a standard structure. For example, an e-commerce site can send product information to another system in XML format.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><img class="w-full h-auto rounded-[2rem] py-4" src="https://plusclouds.publit.io/file/6NCKAr80sczHdwPe2vnfq2zqMUD2bBvdtC04CJ3D.jpg" alt="" title="5 ways to use ai (2).jpg" /></p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="2. In Web Services"> 2. In Web Services </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">SOAP-based web services are based on XML format. Data exchange in APIs can be achieved using XML.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="3. Configuration Files"> 3. Configuration Files </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">Configuration settings in platforms such as Java, .NET, and Android are done using XML (example: web.config, AndroidManifest.xml).</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="4. For Data Storage"> 4. For Data Storage </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML can be used instead of a database, especially for small datasets.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="5. Office Applications"> 5. Office Applications </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">Microsoft Office (especially Word and Excel) uses XML-based file formats (.docx, .xlsx, etc.).</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="6. In Sectoral Documents"> 6. In Sectoral Documents </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">Many structural data such as invoices, customer information, order records, and product catalogs can be stored using XML.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="When and Where is XML Used?"> When and Where is XML Used? </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML is used not only for transporting data but also for structuring that data. Developers prefer XML in both web services and local applications. It is especially common in the following areas:</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Information transfer between software systems</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Mobile application configurations</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Data exchange in web applications</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Banking and e-invoice systems</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">Additionally, XML files can also be converted to HTML using technologies like XSLT for data presentation to end users. However, it is not as visualization-focused as HTML.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Basic Terms Related to XML"> Basic Terms Related to XML </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• DTD (Document Type Definition):</strong> The schema that defines the structure of an XML file.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• XSD (XML Schema Definition):</strong> Defines the data types and structure of XML content.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• XPath:</strong> Used to query specific pieces of data in XML documents.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• XSLT:</strong> Used to convert XML data into different formats (e.g., HTML).</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• XML Parser:</strong> The software component that reads and parses the XML file.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Technical Advantages of XML"> Technical Advantages of XML </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Platform Independence:</strong> XML works everywhere regardless of operating system or software.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Wide Compatibility:</strong> Almost all programming languages support XML.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Unicode Support:</strong> Can handle characters in all languages smoothly.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Ability to Add Comments:</strong> It is possible to leave descriptive notes within the code.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Extensibility:</strong> Users can create custom tags according to their needs.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Disadvantages of XML"> Disadvantages of XML </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• File Size:</strong> Due to the abundance of tags, it can be larger compared to alternatives like JSON.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Efficiency:</strong> XML parsing is relatively slower.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Lack of Visual Presentation:</strong> Does not produce visual output directly; it needs to be transformed.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="XML vs JSON"> XML vs JSON </h2>
<table class="w-full border-separate border-spacing-0 text-left mt-6 mb-6 border border-slate-100 rounded-2xl overflow-hidden shadow-sm">
<thead class="bg-slate-50">
<tr>
<th class="text-[11px] font-bold uppercase tracking-[0.2em] text-slate-500 border-b border-slate-100 px-6 py-3">Feature</th>
<th class="text-[11px] font-bold uppercase tracking-[0.2em] text-slate-500 border-b border-slate-100 px-6 py-3">XML</th>
<th class="text-[11px] font-bold uppercase tracking-[0.2em] text-slate-500 border-b border-slate-100 px-6 py-3">JSON</th>
</tr>
</thead>
<tbody>
<tr>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Data Structure</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Hierarchical (tree structure)</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Object/array-based</td>
</tr>
<tr>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Readability</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Can be relatively complex</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Simpler</td>
</tr>
<tr>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">File Size</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Larger</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Smaller</td>
</tr>
<tr>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Schema Support</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">DTD, XSD</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">JSON Schema</td>
</tr>
<tr>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Adding Comments</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">Yes</td>
<td class="text-base text-slate-600 border-b border-slate-50 px-6 py-3 font-medium bg-white group-last:border-0">No</td>
</tr>
</tbody>
</table>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Real-Life Examples of XML"> Real-Life Examples of XML </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• RSS Feeds:</strong> Content updates on blog/news sites are done using XML.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• e-Invoice Systems:</strong> In Turkey, the e-document formats of the Revenue Administration are XML-based.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Banking and Finance:</strong> Money transfers and reporting can be done via XML.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium"><strong class="font-fold text-slate-900">• Mobile Applications:</strong> Interfaces and configurations in Android applications are defined using XML.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Most Frequently Asked Questions About XML"> Most Frequently Asked Questions About XML </h2>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Why are XML files used so widely?"> Why are XML files used so widely? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">The main reasons for the widespread use of XML are:</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Operating independently of the platform</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Readable by both humans and machines</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Extensible and customizable tag structure</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Being a universal standard for carrying and defining data</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="What is the difference between XML and HTML?"> What is the difference between XML and HTML? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">While HTML describes how data should look (presentation-focused), XML defines what the data is (meaning-focused). In HTML, tags are fixed, while in XML they are user-defined. In short, HTML shows, XML explains.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Why has JSON started to be used instead of XML?"> Why has JSON started to be used instead of XML? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">JSON is a data format that takes up less space and works more naturally with JavaScript. Therefore, it offers a faster and more practical solution, especially in web-based applications. However, XML is still used in many systems because it is more suitable for complex data structures and has a stronger schema definition (XSD).</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Is XML secure?"> Is XML secure? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML itself is neither secure nor insecure; however, security vulnerabilities can arise in XML-based systems. Therefore, XML data obtained from external sources should always be validated and filtered before processing. Additionally, precautions should be taken against XML External Entity (XXE) attacks.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Is learning XML difficult?"> Is learning XML difficult? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">No. Learning the basics of XML is quite easy because it has a human-readable structure. After learning the basic tag structure, more advanced topics like DTD, XSD, and XPath can be explored.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Which applications use XML?"> Which applications use XML? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML frequently appears in the following areas:</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Web services (especially SOAP)</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Android applications</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Configuration files</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Microsoft Office documents</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• E-government, e-invoice systems</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• RSS feeds</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">• Banking and finance systems</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="How to open an XML document?"> How to open an XML document? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">To open an XML file, a text editor such as Notepad, Visual Studio Code, or Sublime Text is sufficient. XML editors or browser extensions can be used for more advanced viewing and validation.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Is XML sufficient on its own?"> Is XML sufficient on its own? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">No. XML only defines and carries data. Other tools (e.g., XSLT, XSD, parsers) are needed to process, visualize, or validate that data.</p>
<h3 class="text-2xl font-bold text-slate-800 tracking-tight mt-6 mb-1" id="Can an XML file be used instead of a database?"> Can an XML file be used instead of a database? </h3>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">It can be used in small-scale applications or temporary data storage solutions. However, for large datasets or complex relational structures, XML cannot replace databases. Databases are much stronger in terms of performance, security, and querying capabilities.</p>
<h2 class="text-3xl font-bold text-slate-900 tracking-tight mt-8 mb-2 leading-snug" id="Conclusion"> Conclusion </h2>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">XML is a powerful, flexible, and platform-independent format for transporting, defining, and structuring data. Its extensible structure allows it to be used in a wide range of fields. It plays an indispensable role, especially in data transfer and configuration needs between systems.</p>
<p class="text-lg md:text-xl text-slate-600 leading-relaxed mb-2 font-medium">Although lighter alternatives like JSON are preferred in many web applications, XML still has a wide usage area, from e-government systems to banking, and from mobile applications to ERP software.</p>
<div id="registrationModal"
class="fixed inset-0 z-[100] hidden items-center justify-center bg-slate-950/80 backdrop-blur-md p-4">
<div class="relative w-full max-w-[500px] animate-in fade-in zoom-in duration-300">
<button id="closeModal"
class="absolute -top-12 right-0 text-white/70 hover:text-white transition-colors">
<svg class="w-8 h-8" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
<div class="registration-container bg-white rounded-[3rem] p-2 shadow-2xl">
<div id="registrationSection" class="p-6">
<div class="mb-8 px-2">
<h3 class="text-2xl font-black text-gray-900 uppercase tracking-tight">Register Now</h3>
<p class="text-gray-500 text-sm mt-1 italic">Take your first step into the cloud world.</p>
</div>
<form class="registration-form relative space-y-7 overflow-hidden">
<input type="hidden" name="_token" value="O6mrhDD5P1za4DwgQZz92g1uRXyIyUtKN0xbddrc" autocomplete="off">
<input type="hidden" name="source"
value="page=blog-detail">
<input type="hidden" name="partnerCode" value="">
<div class="space-y-6">
<div class="group spacey-y-2">
<label
class="block text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 mb-1.5 ml-1">Name</label>
<input type="text" name="name" placeholder="John Doe"
class="block w-full rounded-xl border-0 bg-gray-50/50 px-4 py-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-indigo-600 focus:bg-white transition-all"
required>
</div>
<div class="group space-y-2">
<label
class="block text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 mb-1.5 ml-1">Email Address</label>
<input type="email" name="email" placeholder="example@company.com"
class="email-input block w-full rounded-xl border-0 bg-gray-50/50 px-4 py-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-indigo-600 focus:bg-white transition-all"
required>
</div>
</div>
<button type="submit"
data-sitekey="6LdRiEMqAAAAABIfDFZho3N6-MiFsYEvZFqZqMyy"
data-callback='onSubmit'
data-action='submit'
class="g-recaptcha submitButton group w-full relative overflow-hidden rounded-xl bg-gradient-to-tr from-indigo-700 to-indigo-900 px-6 py-4 text-center text-xs font-black uppercase tracking-widest text-white shadow-lg hover:-translate-y-0.5 transition-all active:scale-95">
<span class="flex items-center justify-center gap-2">
Register Now
<svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M14 5l7 7m0 0l-7 7m7-7H3"/>
</svg></span>
</button>
</form>
<div class="relative flex items-center py-2">
<div class="flex-grow border-t border-gray-200"></div>
<span
class="flex-shrink mx-4 text-[10px] font-black text-gray-300 uppercase tracking-widest">OR</span>
<div class="flex-grow border-t border-gray-100"></div>
</div>
<div class="space-y-4">
<button type="button"
data-track="registration"
data-method="google"
data-redirect="https://apiv4.plusclouds.com/public/social-login/google/redirect?source=us%2Fblogs%2Fwhat-is-an-xml-file"
class="flex items-center justify-center gap-3 w-full bg-white border border-gray-200 rounded-xl px-4 py-3.5 text-sm font-bold text-gray-700 shadow-sm transition-all duration-300 hover:bg-gray-50 hover:border-gray-300 hover:shadow-md active:scale-[0.98]">
<img class="w-5 h-5" src="https://static.plusclouds.com/rs:auto:300:300:true:true/q:50/format:webp/plain/https://plusclouds.com//images/icons/google-logo.webp" alt="">
<span>Continue with Google</span>
</button>
</div>
</div>
<div class="thankYouNote hidden text-center p-12 bg-white rounded-[2.5rem]">
<div
class="mx-auto flex h-20 w-20 items-center justify-center rounded-full bg-green-50 mb-6 ring-8 ring-green-50/50">
<svg class="h-10 w-10 text-green-500" fill="none" viewBox="0 0 24 24"
stroke-width="2.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"/>
</svg>
</div>
<h3 class="text-2xl font-black text-gray-900 mb-4 tracking-tight">Awesome!</h3>
<p class="text-sm text-slate-700 font-medium leading-relaxed mb-6">Thank you for your interest.</p>
<button onclick="location.reload()"
class="text-xs font-bold text-indigo-600 uppercase tracking-widest hover:underline">Close</button>
</div>
</div>
</div>
</div>
<div class="mt-20 flex flex-wrap gap-2 pt-10 border-t border-slate-100">
<span
class="px-4 py-1.5 bg-white border border-slate-200 text-slate-500 text-xs font-semibold rounded-full hover:border-indigo-600 hover:text-indigo-600 transition-all cursor-default">
#XML
</span>
<span
class="px-4 py-1.5 bg-white border border-slate-200 text-slate-500 text-xs font-semibold rounded-full hover:border-indigo-600 hover:text-indigo-600 transition-all cursor-default">
#JSON
</span>
<span
class="px-4 py-1.5 bg-white border border-slate-200 text-slate-500 text-xs font-semibold rounded-full hover:border-indigo-600 hover:text-indigo-600 transition-all cursor-default">
#data
</span>
</div>
</main>
<aside class="lg:col-span-4">
<div class="sticky top-32 space-y-8">
<div
class="bg-slate-950 rounded-[2rem] p-8 text-white relative overflow-hidden group shadow-2xl shadow-indigo-500/10">
<div
class="absolute -top-12 -right-12 w-32 h-32 bg-indigo-600 rounded-full blur-[80px] opacity-20 group-hover:opacity-40 transition-opacity"></div>
<img class="h-24 w-auto mb-5 relative z-10 "
src="https://static.plusclouds.com/rs:auto:300:300:true:true/q:50/format:webp/plain/https://plusclouds.com//images/community/autoQuill/autoquill-gray.png"
alt="AutoQuill">
<h3 class="text-2xl font-bold tracking-tight mb-4 relative z-10">
Auto Quill
</h3>
<p class="text-sm text-slate-400 mb-8 font-medium leading-relaxed relative z-10">
Automate your content creation with AI-powered marketing tools.
</p>
<a href="https://calendly.com/baris-bulut/30min"
class="flex items-center justify-center w-full py-4 bg-white hover:bg-indigo-50 text-slate-950 rounded-xl text-[10px] font-black uppercase tracking-[0.2em] transition-all relative z-10">
Book a Meeting
</a>
</div>
<div class="bg-white border border-slate-100 rounded-[2rem] p-8 shadow-sm">
<h3 class="text-xs font-bold uppercase tracking-widest text-slate-400 mb-8">
Read Next
</h3>
<div class="space-y-8">
<a href="/us/blogs/the-global-ram-crisis-what-happens-next"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
The Global RAM Crisis: What Happens Next?
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Jan 2026</time>
</div>
</a>
<a href="/us/blogs/how-to-improve-speed-index-a-complete-guide-for-faster-web-performance"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
How to Improve Speed Index: A Complete Guide for Faster Web Performance
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Jan 2026</time>
</div>
</a>
<a href="/us/blogs/what-is-source-code-a-complete-and-in-depth-guide"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
What Is Source Code? A Complete and In-Depth Guide
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Jan 2026</time>
</div>
</a>
<a href="/us/blogs/how-to-get-a-free-domain-a-comprehensive-and-practical-guide"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
How to Get a Free Domain: A Comprehensive and Practical Guide
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Dec 2025</time>
</div>
</a>
<a href="/us/blogs/how-to-get-a-free-domain-name-a-complete-and-practical-guide"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
How to Get a Free Domain Name: A Complete and Practical Guide
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Dec 2025</time>
</div>
</a>
<a href="/us/blogs/which-is-the-easiest-programming-language"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
Which Is the Easiest Programming Language?
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Dec 2025</time>
</div>
</a>
<a href="/us/blogs/what-is-a-crawl-budget-its-importance-for-seo-working-principle-and-management-strategies"
class="group block">
<h4 class="text-base font-bold text-slate-900 group-hover:text-indigo-600 transition-colors leading-tight mb-2">
What is a Crawl Budget? Its Importance for SEO, Working Principle, and Management Strategies
</h4>
<div
class="flex items-center gap-2 text-[10px] font-bold text-slate-400 uppercase">
<span></span>
<span class="w-1 h-1 bg-slate-200 rounded-full"></span>
<time>Dec 2025</time>
</div>
</a>
</div>
</div>
<div
class="p-8 rounded-[2.5rem] bg-indigo-50/50 border border-dashed border-indigo-200 text-center">
<h3 class="text-lg font-bold text-slate-900 mb-2">Become an Author</h3>
<p class="text-xs text-slate-500 mb-6 font-medium leading-relaxed">
Share your tech insights with our global community of enthusiasts.
</p>
<a href="https://calendar.app.google/uM5pa8yXFxsQt18p8"
class="inline-flex items-center text-xs font-bold text-indigo-600 hover:text-indigo-700 transition-colors">
Join our team <span class="ml-1">→</span>
</a>
</div>
</div>
</aside>
</div>
</section>
<footer class="relative bg-slate-950 border-t border-slate-900 py-16 overflow-hidden">
<div class="absolute inset-0 z-0 opacity-20 pointer-events-none">
<svg class="h-full w-full" xmlns="http://www.w3.org/2000/svg">
<defs>
<pattern id="footer-grid" width="40" height="40" patternUnits="userSpaceOnUse">
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="white" stroke-width="0.5" stroke-opacity="0.1"/>
</pattern>
</defs>
<rect width="100%" height="100%" fill="url(#footer-grid)" />
</svg>
</div>
<div class="absolute inset-0 z-0 bg-gradient-to-b from-slate-950 via-transparent to-slate-950 pointer-events-none"></div>
<div class="relative z-10 mx-auto max-w-7xl px-6 lg:px-8">
<div class="flex flex-col lg:flex-row gap-16 lg:gap-12">
<div class="w-full lg:w-72 flex-shrink-0 space-y-8">
<img class="h-9 w-auto brightness-110"
src="/images/logos/plusclouds-logo-dark-white.svg"
alt="Neonix Networks LLC">
<div class="space-y-4">
<div>
<h4 class="text-[10px] font-black uppercase tracking-[0.3em] text-indigo-500 mb-3">
Corporate
</h4>
<div class="text-[14px] leading-relaxed text-slate-400 font-medium">
<span class="text-white font-bold block mb-1 text-base">Neonix Networks LLC</span>
<div class="opacity-80 transition-opacity hover:opacity-100">
445 Corporation <br /> LN STE 264 Virgina BCH<br /> BA23462
</div>
</div>
</div>
<div class="pt-4 flex flex-wrap gap-4">
<a href="https://www.linkedin.com/company/plusclouds"
target="_blank"
title="Linkedin"
class="group p-2 border border-slate-800 bg-slate-900/50 rounded-xl text-slate-400 hover:text-[#0077b5] hover:border-slate-700 hover:bg-slate-800 transition-all duration-300 shadow-sm">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
</svg>
<span class="sr-only">Linkedin</span>
</a>
<a href="https://twitter.com/plusclouds"
target="_blank"
title="X"
class="group p-2 border border-slate-800 bg-slate-900/50 rounded-xl text-slate-400 hover:text-white hover:border-slate-700 hover:bg-slate-800 transition-all duration-300 shadow-sm">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/>
</svg>
<span class="sr-only">X</span>
</a>
<a href="https://github.com/plusclouds/"
target="_blank"
title="Github"
class="group p-2 border border-slate-800 bg-slate-900/50 rounded-xl text-slate-400 hover:text-white hover:border-slate-700 hover:bg-slate-800 transition-all duration-300 shadow-sm">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.43.372.823 1.102.823 2.222 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/>
</svg>
<span class="sr-only">Github</span>
</a>
<a href="https://youtube.com/plusclouds/"
target="_blank"
title="Youtube"
class="group p-2 border border-slate-800 bg-slate-900/50 rounded-xl text-slate-400 hover:text-[#ff0000] hover:border-slate-700 hover:bg-slate-800 transition-all duration-300 shadow-sm">
<svg class="w-4 h-4 fill-current" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
</svg>
<span class="sr-only">Youtube</span>
</a>
</div>
</div>
</div>
<div class="flex-grow">
<div class="grid grid-cols-2 md:grid-cols-4 gap-x-8 gap-y-12">
<div class="space-y-6">
<h3 class="text-[12px] font-bold tracking-[0.15em] text-white uppercase border-l-2 border-indigo-600 pl-3">
Scalable Infrastucture
</h3>
<ul role="list" class="space-y-3">
<li>
<a href="/us/cloud/servers" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Servers
</a>
</li>
<li>
<a href="/us/cloud/storage" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Storage
</a>
</li>
<li>
<a href="/us/cloud/security" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Security
</a>
</li>
<li>
<a href="/us/cloud/datacenter" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Datacenter
</a>
</li>
</ul>
</div>
<div class="space-y-6">
<h3 class="text-[12px] font-bold tracking-[0.15em] text-white uppercase border-l-2 border-indigo-600 pl-3">
Operations automations
</h3>
<ul role="list" class="space-y-3">
<li>
<a href="/us/marketplace/inspakt-digital-signature-solutions" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Digital Contract Management
</a>
</li>
<li>
<a href="/us/marketplace/data-leak-check" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Digital Lead Detection Service
</a>
</li>
<li>
<a href="/us/marketplace/kolay-ai" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Kolay.AI
</a>
</li>
<li>
<a href="/us/marketplace/outbound-sales-services" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Managed Outbound Service
</a>
</li>
</ul>
</div>
<div class="space-y-6">
<h3 class="text-[12px] font-bold tracking-[0.15em] text-white uppercase border-l-2 border-indigo-600 pl-3">
Enterprise Services!
</h3>
<ul role="list" class="space-y-3">
<li>
<a href="/us/eaglet" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Increase your intelligence with Eaglet
</a>
</li>
<li>
<a href="/us/leo" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Decrease your datacenter costs with Leo
</a>
</li>
</ul>
</div>
<div class="space-y-6">
<h3 class="text-[12px] font-bold tracking-[0.15em] text-white uppercase border-l-2 border-indigo-600 pl-3">
Legal & About
</h3>
<ul role="list" class="space-y-3">
<li>
<a href="/us/company" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
About PlusClouds
</a>
</li>
<li>
<a href="/us/in-the-media" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
In The Media
</a>
</li>
<li>
<a href="/us/community" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Community
</a>
</li>
<li>
<a href="/us/pricing" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Pricing
</a>
</li>
<li>
<a href="/partners" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Partners
</a>
</li>
<li>
<a href="/partners/affiliate" class="text-[14px] text-slate-400 hover:text-indigo-400 transition-colors duration-200 flex items-center group">
<span class="w-0 group-hover:w-2 h-[1px] bg-indigo-500 mr-0 group-hover:mr-2 transition-all"></span>
Affiliate Program
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="mt-20 pt-8 border-t border-white/5 flex flex-col md:flex-row justify-between items-center gap-6">
<div class="flex flex-wrap justify-center md:justify-start items-center gap-x-8 gap-y-2">
<p class="text-[11px] font-medium text-slate-500 uppercase tracking-widest">
© 2026 <span class="text-slate-300">Neonix Networks LLC</span>
</p>
<p class="text-[11px] font-medium text-slate-600 uppercase tracking-widest hidden sm:block">
Making life of companies easier, since 2013
</p>
</div>
<div class="flex items-center px-6 sm:px-8 gap-8">
<a href="/us/privacy-policy" class="text-[11px] font-bold text-slate-500 hover:text-white uppercase tracking-widest transition-colors">
Privacy Policy
</a>
</div>
</div>
</div>
</footer>
<button id="drawerToggle" class="fixed right-0 top-1/2 -translate-y-1/2 bg-indigo-700 hover:bg-indigo-800 text-white py-4 sm:py-6 px-1 sm:px-2 rounded-l-2xl shadow-2xl z-40 transition-all duration-300 group">
<div class="flex flex-col items-center gap-3">
<span style="writing-mode: vertical-rl;" class="uppercase tracking-[0.3em] text-[10px] font-black rotate-180 transition-all group-hover:tracking-[0.4em]">
Register now!
</span>
<svg class="w-5 h-5 group-hover:-translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M11 19l-7-7m0 0l7-7m-7 7h18" />
</svg>
</div>
</button>
<div id="sideDrawer" class="fixed inset-0 z-50 invisible overflow-hidden">
<div id="drawerBackdrop" class="absolute inset-0 bg-gray-900/40 backdrop-blur-sm opacity-0 transition-opacity duration-500 ease-in-out"></div>
<div id="drawerPanel"
class="absolute right-0 top-0 h-full w-full md:w-1/3 bg-slate-50 shadow-[-25px_0_80px_rgba(0,0,0,0.15)] transform translate-x-full transition-transform duration-500
ease-[cubic-bezier(0.4,0,0.2,1)] flex flex-col ">
<div class="p-6 flex justify-between items-center bg-slate-950 border-b border-gray-100">
<img class="h-8 w-auto"
src="/images/logos/plusclouds-logo-dark-white.svg"
alt="Logo">
<button id="closeSideDrawer" class="p-2 hover:bg-red-50 text-gray-400 hover:text-red-500 rounded-full transition-all duration-300">
<svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"/></svg>
</button>
</div>
<div class=" flex-1 overflow-y-auto custom-scrollbar p-5">
<div id="registerGroup" class="registration-container transition-all duration-500">
<div id="registrationSection" class="mb-12">
<div class="mb-8 px-2">
<h3 class="text-2xl font-black text-gray-900 uppercase tracking-tight">Register Now</h3>
<p class="text-gray-500 text-sm mt-1 italic">Take your first step into the cloud world.</p>
</div>
<form
class="registration-form relative bg-white p-5 rounded-[2.5rem] space-y-5 overflow-hidden">
<input type="hidden" name="_token" value="O6mrhDD5P1za4DwgQZz92g1uRXyIyUtKN0xbddrc" autocomplete="off">
<input type="hidden" name="source" value="page=us/blogs/what-is-an-xml-file&form=drawer-register">
<input type="hidden" name="partnerCode" value="">
<div class="space-y-6">
<div class="group spacey-y-2">
<label class="block text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 mb-1.5 ml-1">Name</label>
<input type="text" name="name" placeholder="John Doe" class="block w-full rounded-xl border-0 bg-gray-50/50 px-4 py-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-indigo-600 focus:bg-white transition-all">
</div>
<div class="group space-y-2">
<label class="block text-[10px] font-black uppercase tracking-[0.2em] text-gray-400 mb-1.5 ml-1">Email Address</label>
<input type="email" name="email" placeholder="example@company.com" class="email-input block w-full rounded-xl border-0 bg-gray-50/50 px-4 py-3 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-200 focus:ring-2 focus:ring-indigo-600 focus:bg-white transition-all">
</div>
</div>
<button type="submit"
data-sitekey="6LdRiEMqAAAAABIfDFZho3N6-MiFsYEvZFqZqMyy"
data-callback='onSubmit'
data-action='submit'
class="g-recaptcha submitButton group w-full relative overflow-hidden rounded-xl bg-gradient-to-tr from-indigo-700 to-indigo-900 px-6 py-4
text-center text-xs font-black uppercase tracking-widest text-white shadow-lg hover:-translate-y-0.5 transition-all active:scale-95">
<span class="flex items-center justify-center gap-2">
Register Now
<svg class="w-4 h-4 group-hover:translate-x-1 transition-transform" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M14 5l7 7m0 0l-7 7m7-7H3"/></svg>
</span>
</button>
</form>
<div class="relative flex items-center py-2">
<div class="flex-grow border-t border-gray-200"></div>
<span
class="flex-shrink mx-4 text-[10px] font-black text-gray-300 uppercase tracking-widest">OR</span>
<div class="flex-grow border-t border-gray-100"></div>
</div>
<div class="space-y-4">
<button type="button"
data-track="registration"
data-method="google"
data-redirect="https://apiv4.plusclouds.com/public/social-login/google/redirect?source=us%2Fblogs%2Fwhat-is-an-xml-file"
class="flex items-center justify-center gap-3 w-full bg-white border border-gray-200 rounded-xl px-4 py-3.5 text-sm font-bold text-gray-700 shadow-sm transition-all duration-300 hover:bg-gray-50 hover:border-gray-300 hover:shadow-md active:scale-[0.98]">
<img class="w-5 h-5" src="https://static.plusclouds.com/rs:auto:300:300:true:true/q:50/format:webp/plain/https://plusclouds.com//images/icons/google-logo.webp" alt="">
<span>Continue with Google</span>
</button>
</div>
</div>
<div class="thankYouNote hidden text-center p-16 bg-white rounded-[2.5rem] shadow-2xl border border-gray-100 animate-in fade-in zoom-in duration-500">
<div class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-green-50 mb-8 ring-8 ring-green-50/50">
<svg class="h-12 w-12 text-green-500" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
</div>
<h3 class="text-3xl font-black text-gray-900 mb-4 tracking-tight">
Awesome!
</h3>
<p class="text-lg text-slate-700 font-medium leading-relaxed mb-6">
Thank you for your interest. We're excited to connect with you!
</p>
<div class="inline-flex items-center gap-2 px-5 py-2.5 bg-blue-50 border border-blue-100 rounded-full shadow-sm">
<svg class="w-4 h-4 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<span class="text-sm text-blue-700 font-bold tracking-tight">
We've sent you an introduction email.
</span>
</div>
<p class="mt-8 text-sm text-gray-400 font-medium italic">
Our team will reach out to you shortly.
</p>
</div>
<div class="mt-12 group cursor-pointer relative max-w-md mx-auto" onclick="toggleForms('partner')">
<div class="relative overflow-hidden rounded-3xl bg-white border border-slate-100 shadow-sm group-hover:shadow-2xl group-hover:shadow-indigo-500/10 group-hover:border-indigo-100 transition-all duration-500">
<div class="p-8">
<div class="flex flex-col gap-8">
<div class="flex items-center gap-6">
<div class="w-14 h-14 rounded-2xl bg-slate-50 flex items-center justify-center text-slate-900 group-hover:bg-indigo-600 group-hover:text-white transition-all duration-500">
<svg class="w-7 h-7" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z" />
</svg>
</div>
<div class="space-y-1">
<h4 class="text-xl font-black text-slate-900 tracking-tighter uppercase italic">
Strategic Partnership
</h4>
<p class="text-xs text-slate-400 font-bold uppercase tracking-widest">
PlusClouds Ecosystem
</p>
</div>
</div>
<p class="text-sm text-slate-500 font-light leading-relaxed italic">
Join our elite network of partners and scale your business with enterprise-grade cloud solutions.
</p>
<div class="flex items-center justify-between pt-6 border-t border-slate-50">
<span class="text-[11px] font-black text-slate-900 uppercase tracking-[0.3em] opacity-40 group-hover:opacity-100 group-hover:text-indigo-600 transition-all">
Become a Partner
</span>
<div class="flex items-center gap-2">
<div class="w-10 h-10 rounded-full border border-slate-100 flex items-center justify-center group-hover:border-indigo-600 transition-colors">
<svg class="w-4 h-4 text-slate-400 group-hover:text-indigo-600 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path d="M14 5l7 7m0 0l-7 7m7-7H3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="partnerGroup" class="registration-container hidden transition-all duration-500">
<div id="partnershipSection" class="relative overflow-hidden group py-5">
<div class="absolute -right-4 -top-4 w-24 h-24 bg-indigo-500/10 rounded-full blur-2xl group-hover:bg-indigo-500/20 transition-all"></div>
<div class="mb-6 px-2">
<h4 class="text-2xl font-black text-slate-900 leading-tight">
Become Our Partner
<span class="text-indigo-600">.</span>
</h4>
<p class="text-gray-500 text-xs mt-2 leading-relaxed">
Join our ecosystem with high commission rates and exclusive benefits.
</p>
</div>
<form data-endpoint="partnership"
class="registration-form relative space-y-5 bg-gradient-to-b from-white to-indigo-50/30 p-6 rounded-[2.5rem] border-2 border-indigo-100/80 shadow-xl shadow-indigo-500/5">
<input type="hidden" name="_token" value="O6mrhDD5P1za4DwgQZz92g1uRXyIyUtKN0xbddrc" autocomplete="off">
<div class="grid grid-cols-2 gap-3 mb-4">
<div class="flex items-center gap-2 text-[10px] font-bold text-slate-600">
<svg class="w-4 h-4 text-indigo-500" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M13 10V3L4 14h7v7l9-11h-7z"/></svg>
Quick Earnings
</div>
</div>
<div class="group space-y-2">
<label class="block text-[10px] font-black uppercase tracking-[0.2em] text-indigo-500/70 mb-1.5 ml-1">
Email Address
</label>
<div class="relative">
<input type="email" name="email" placeholder="partner@company.com"
class="email-input block w-full rounded-2xl border-0 bg-white px-5 py-4 text-gray-900 shadow-sm ring-1 ring-inset ring-indigo-100 focus:ring-2 focus:ring-indigo-600 transition-all outline-none">
<div class="absolute inset-y-0 right-4 flex items-center pointer-events-none opacity-20">
<svg class="w-5 h-5 text-indigo-900" fill="currentColor" viewBox="0 0 20 20"><path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"></path><path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"></path></svg>
</div>
</div>
</div>
<button type="submit"
data-sitekey="6LdRiEMqAAAAABIfDFZho3N6-MiFsYEvZFqZqMyy"
data-callback='onSubmit'
data-action='submit'
class="g-recaptcha submitButton w-full group relative overflow-hidden rounded-2xl bg-slate-950 px-4 py-4 text-xs font-black uppercase tracking-[0.2em] text-white shadow-lg transition-all hover:bg-indigo-700 hover:shadow-indigo-500/25 active:scale-95">
<span class="relative z-10 flex items-center justify-center gap-3">
Submit Application
<svg class="w-4 h-4 animate-bounce-x" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg>
</span>
</button>
<p class="text-[9px] text-center text-gray-400 leading-relaxed px-2 mt-4">
Limited capacity. Your application will be reviewed by our team.
</p>
</form>
</div>
<div class="thankYouNote hidden text-center p-16 bg-white rounded-[2.5rem] shadow-2xl border border-gray-100 animate-in fade-in zoom-in duration-500">
<div class="mx-auto flex h-24 w-24 items-center justify-center rounded-full bg-green-50 mb-8 ring-8 ring-green-50/50">
<svg class="h-12 w-12 text-green-500" fill="none" viewBox="0 0 24 24" stroke-width="2.5" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7" />
</svg>
</div>
<h3 class="text-3xl font-black text-gray-900 mb-4 tracking-tight">
Awesome!
</h3>
<p class="text-lg text-slate-700 font-medium leading-relaxed mb-6">
Thank you for your interest. We're excited to connect with you!
</p>
<div class="inline-flex items-center gap-2 px-5 py-2.5 bg-blue-50 border border-blue-100 rounded-full shadow-sm">
<svg class="w-4 h-4 text-blue-500" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
</svg>
<span class="text-sm text-blue-700 font-bold tracking-tight">
We've sent you an introduction email.
</span>
</div>
<p class="mt-8 text-sm text-gray-400 font-medium italic">
Our team will reach out to you shortly.
</p>
</div>
<div class="mt-10 group cursor-pointer" onclick="toggleForms('register')">
<div class="relative overflow-hidden rounded-3xl bg-white border border-slate-100 p-6 transition-all duration-500 hover:border-indigo-100 hover:shadow-[0_30px_60px_-15px_rgba(79,70,229,0.08)]">
<div class="relative z-10 flex items-center gap-6">
<div class="flex-shrink-0">
<div class="w-14 h-14 rounded-2xl bg-slate-50 flex items-center justify-center border border-slate-100 group-hover:bg-indigo-50 group-hover:border-indigo-100 transition-all duration-500">
<svg class="w-7 h-7 text-slate-400 group-hover:text-indigo-600 transition-colors" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="1.5">
<path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
</svg>
</div>
</div>
<div class="flex-1 text-left">
<p class="text-indigo-600 font-black text-[9px] uppercase tracking-[0.3em] mb-1 italic">
New User
</p>
<h4 class="text-slate-900 font-bold text-sm tracking-tight leading-snug">
Create a personal account to get started
</h4>
</div>
<div class="text-slate-300 group-hover:text-indigo-600 group-hover:translate-x-1 transition-all">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M9 5l7 7-7 7" />
</svg>
</div>
</div>
</div>
<p class="text-center mt-5 text-[10px] text-slate-400 font-bold uppercase tracking-widest italic opacity-60">
Standard registration • 30 Seconds
</p>
</div>
</div>
</div>
</div>
</div>
<script>
const drawer = {
container: document.getElementById('sideDrawer'),
panel: document.getElementById('drawerPanel'),
backdrop: document.getElementById('drawerBackdrop'),
openBtn: document.getElementById('drawerToggle'),
closeBtn: document.getElementById('closeSideDrawer'),
init() {
this.openBtn.addEventListener('click', () => this.open());
this.closeBtn.addEventListener('click', () => this.close());
this.backdrop.addEventListener('click', () => this.close());
window.addEventListener('keydown', (e) => {
if (e.key === 'Escape') this.close();
});
},
open() {
this.container.classList.remove('invisible');
requestAnimationFrame(() => {
this.backdrop.classList.replace('opacity-0', 'opacity-100');
this.panel.classList.replace('translate-x-full', 'translate-x-0');
});
},
close() {
this.backdrop.classList.replace('opacity-100', 'opacity-0');
this.panel.classList.replace('translate-x-0', 'translate-x-full');
setTimeout(() => {
this.container.classList.add('invisible');
}, 500);
}
};
drawer.init();
function toggleForms(target) {
const registerGroup = document.getElementById('registerGroup');
const partnerGroup = document.getElementById('partnerGroup');
if (target === 'partner') {
registerGroup.classList.add('hidden');
partnerGroup.classList.remove('hidden');
// İsteğe bağlı: Scroll'u yukarı taşı
document.querySelector('.custom-scrollbar').scrollTop = 0;
} else {
partnerGroup.classList.add('hidden');
registerGroup.classList.remove('hidden');
document.querySelector('.custom-scrollbar').scrollTop = 0;
}
}
</script>
<style>
.grecaptcha-badge{
display: none;
}
</style>
<script src="https://cdn.jsdelivr.net/npm/axios@1.6.8/dist/axios.min.js"></script>
<script src="/js/app.js" defer></script>
<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script src="/js/v8-1/header.js?ver=1770930677"></script>
<script src="/js/v8-1/tracking.js?ver=1770930677" defer></script>
<script src="https://www.google.com/recaptcha/api.js?render=?render=explicit&badge=bottomleft"></script>
<script src="/js/v8-1/sign-up-form.js?ver=1770930677"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6LdRiEMqAAAAABIfDFZho3N6-MiFsYEvZFqZqMyy"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
const modal = document.getElementById('registrationModal');
const closeBtn = document.getElementById('closeModal');
const body = document.body;
document.addEventListener('click', function(e) {
const trigger = e.target.closest('a[href="#register"]');
if (trigger) {
e.preventDefault();
modal.classList.remove('hidden');
modal.classList.add('flex');
body.style.overflow = 'hidden';
}
});
const hideModal = () => {
modal.classList.add('hidden');
modal.classList.remove('flex');
body.style.overflow = '';
};
closeBtn?.addEventListener('click', hideModal);
modal?.addEventListener('click', (e) => {
if (e.target === modal) hideModal();
});
document.addEventListener('keydown', (e) => {
if (e.key === 'Escape' && !modal.classList.contains('hidden')) {
hideModal();
}
});
});
</script>
</body>
</html>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="7230219077a1650e12a0d207-|49" defer></script>
