diff --git a/.gitattributes b/.gitattributes
new file mode 100644
index 0000000..dfe0770
--- /dev/null
+++ b/.gitattributes
@@ -0,0 +1,2 @@
+# Auto detect text files and perform LF normalization
+* text=auto
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..713a36d
--- /dev/null
+++ b/README.md
@@ -0,0 +1,2 @@
+# web-portfolio
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..2eb156c
--- /dev/null
+++ b/index.html
@@ -0,0 +1,174 @@
+
+
+
+
+ Hi! I’m Euge Kyle Fabella, a passionate IT student currently pursuing a Bachelor of Science in Information Technology at
+ STI Colleges of Santa Rosa City. I have a growing interest in IT support, system administration, and development, and
+ I am eager to expand my knowledge and skills in these areas. With a strong dedication to learning and problem-solving,
+ I’m excited to explore the world of technology and contribute to meaningful solutions in the future.
+
+
+
+
+
+ IDEs, Code Editors, and Developer Platform
+
+
+ In developing, the compiler I use is Microsoft Visual Studio, known for its great features and
+ compatibility with the Windows operating system. With the integration of the C# programming
+ language and MSSQL as its database, developing applications becomes much more productive. As
+ for code editing, I use Microsoft Visual Studio Code, a powerful code editing software that
+ suits all my needs; from Java to Python, coding and scripting becomes really efficient. For my
+ developer platform, I use GitHub for version control, uploading my repositories, and collaborating
+ with other developers.
+
+
+
+
+
+
+
+ Programming Languages and Database
+
+
+ In this list, I am most familiar with the C# programming langauge. Its objective-oriented
+ programming is an incredible feature that I find myself mostly utilizing at all times. Same case
+ with Java, although much more verbose, its Java Runtime Environment makes it possible for it to
+ run my applications on any operating systems. Scripting with Python has been a godsend to most
+ developers because of its powerful yet clean script writing, which makes developing data structures
+ and algorithms much more readable and robust. My database is MSSQL because of its robust performance,
+ comprehensive security features, and seamless integration with other Microsoft tools, making it ideal
+ for managing and analyzing complex datasets efficiently.
+
+
+
+
+
+
+
+ Multimedia Applications
+
+
+ For video and illustrations, I use Adobe Premiere, Photoshop, Illustrator, Lightroom, DaVinci, and Clip Studio Paint Resolve to create engaging visual content, such
+ as gameplay videos and vlogs; charts, logos, illustrations, and user guides, both for my hobbies and in professional settings.
+ Additionally, I use Figma for designing user-friendly interfaces and wireframes, streamlining the development
+ process and enhancing collaborations among developers and their teams (our capstone project).
+
+
+
+
+
+
+
+ Operating Systems
+
+
+ I am highly familiar with Windows (my main operating system), then macOS and Ubuntu, leveraging these
+ operating systems for configuring and troubleshooting. My experience includes managing user accounts locally,
+ software installations, and system updates to support daily operations. Additionally, I have foundational
+ knowledge of Fedora, enabling me to adapt to and troubleshoot diverse technical challenges in
+ cross-platform settings.
+
+
+
+
+
+
+
+ Network Simulators and Technologies
+
+
+ I use Huawei Cisco Packet Tracer and Huawei eNSP to simulate, test, and validate network configurations in a
+ controlled environment, ensuring reliability and efficiency before deployment. These tools allow me to explore
+ complex networking scenarios, troubleshoot issues effectively, and gain hands-on experience with real-world
+ technologies. By using these simulators, I can build and refine skills in routing, switching, and cloud-based
+ networking solutions, making them invaluable for mastering modern IT infrastructure. As for cloud computing
+ services, I use Huawei Cloud for all three services: infrastructure as a service, platform as a service, and
+ software as a service; ranging from cloud storages to website hostings.
+
+
+
+
+
+
+
+ Web Systems and Technologies
+
+
+ The classic trio in web development, HTML for the webpage's body elements and structures, CSS for its style, and
+ JavaScript for its backend, frontend, and general scripting.
+ With JavaScript's web enhancements, developing websites,
+ webpages, and/or webapps has been a breeze. Being able to dynamically modify your webpages during runtime
+ is such an amazing feature.
+
+
+
+
+
+
+
+ Producitivty Suite and Project Managing
+
+
+ For productivity applications, I mostly use Office 365, known for its solid and packed in features applications.
+ Ranging from Microsoft Word to Outlook. But I am flexible, I'll learn any given productivity suites (i.e. Google Workspace)
+ so I can utilize the applications effectively. For project managing, I use GitHub's
+ built-in project management feature. Being able to track bugs, deadlines, progress, and more for me and the whole
+ team.
+
+
+
+
+
+
+
+ Frameworks
+
+
+ Obtaining more frameworks...
+
+
+
+
+
+
+
+
+`;
+
+const skillsDivContent =
+`
+
+ Hi! I’m Euge Kyle Fabella, a passionate IT student currently pursuing a Bachelor of Science in Information Technology at
+ STI Colleges of Santa Rosa City. I have a growing interest in IT support, system administration, and development, and
+ I am eager to expand my knowledge and skills in these areas. With a strong dedication to learning and problem-solving,
+ I’m excited to explore the world of technology and contribute to meaningful solutions in the future.
+
+