Hi! I'm

Calixto Francis Mantal,

Web Developer & Graphic Designer.

From graphics to front-end and backend, it all starts with an idea—design the mockup, then make it real with code.

01. About Me

Back then, I started as a working student and spent several years as a graphic designer. I created numerous designs—including logos, posters, and social media content—and even collaborated with well-known political personalities, where my work was used for campaign and project advertisements.


With years of experience in graphics, I naturally transitioned into web design, using my visual skills to build interfaces and bring them to life through code.


After completing my college degree in Information Technology, I shifted my career to web development and landed roles as a front-end developer, building multiple websites for B2B companies. Over time, I expanded my technical expertise and now have experience as a full-stack developer, allowing me to work confidently on both the front end and back end of web applications.


A fun fact about me: I love reading books and listening to rap music. I’m also a big sneaker enthusiast—I enjoy finding unique pairs that reflect my style and energy.


profile photo

02. Year's of Experience

Web Developer @ Center for International Trade Expositions and Missions

  • Developing and updating the CITEM website.
  • Maintaining project websites – on-page SEO.
  • Creating email templates through Salesforce Marketing Cloud.
  • Developed a ticketing system to be used by the Communications and Creative Services Department (CCSD).
  • Handle the Communications and Creative Services Department (CCSD) Service Production Tracking and Evaluation.
  • Support the Project Management Team in any, and/or undertake local travel, when and if necessary. Such travel in connection with the official function is subject to Executive Order No. 77, s. 2019 and accounting rules and regulations.
  • Perform other tasks that may be assigned from time to time by the immediate supervisor.

Web Consultant @Seller Gateway Inc.

  • Provide strategic advice on using technology for web development.
  • Help determine client needs and incorporate technology into their business.
  • Design user-friendly and visually appealing interfaces in Shopify.
  • Integrate data, images, videos, and plugins.
  • Troubleshoot, test, and demonstrate website prototypes.
  • Complete website development projects on time and within budget.

Frontend Web Developer @Everise

  • Analyze and implement custom functions for the website.
  • Maintain and update website content in a timely manner.
  • Integrate data, images, and videos.
  • Build new website templates from scratch using HTML5, CSS3, Bootstrap, and JavaScript.
  • Create reusable components for new and existing websites using HubSpot Design Manager.
  • Collaborate with team members to consolidate graphics and copy for updating or creating new websites.
  • Communicate with foreign stakeholders regarding the daily social media posting plan.
  • Design banners and graphics for social media platforms such as Facebook, Twitter, Instagram, and LinkedIn.

Web Developer @Rann-s Manufacturing Corporation

  • Implement roadmaps for web development.
  • Propose domain names for websites within budget.
  • Design, build, and maintain websites and software applications.
  • Build an e-commerce website using HTML5, CSS3, SASS, JavaScript, jQuery, PHP, and MySQL.
  • Develop a Purchase Order System for monitoring daily transactions and supply.
  • Film and edit videos for product advertisements.

Web Developer @Seller Gateway Inc.

  • Develop e-commerce websites using WordPress and WooCommerce plugins.
  • Translate web design mockups into WordPress using Elementor.
  • Ensure website responsiveness across all devices.
  • Manage website traffic insights using Google Analytics.
  • Inject Facebook Pixel to analyze customer activity and interests.
  • Back up files and websites from cPanel to local directories for recovery.
  • Upgrade e-commerce functionality using HTML5, CSS3, JavaScript, jQuery, PHP, MySQL, and Laravel to meet full store requirements.
  • Translate UX-designed wireframes into production-level code using HTML5, CSS3, SASS, Bootstrap, JavaScript, and jQuery.
  • Initialize projects using Git and XAMPP for local development.
  • Set up remote repositories on GitHub.
  • Set up Linux server environments on DigitalOcean.
  • Set up staging sites using subdomains.
  • Deploy e-commerce websites to production.
  • Maintain and update e-commerce assets, including product data, images, and videos.

Freelance Front-end Developer and Graphic Designer

  • Create websites according to client requests using HTML5, CSS3, and JavaScript.
  • Provide high-quality images, banners, graphics, and logos.
  • Communicate website development progress in a timely manner.
  • Maintain and update clients’ websites.

Graphic Designer @Youth Development and Welfare Bureau

  • Worked in combined roles as a Graphic Designer and Social Media Officer.
  • Created graphics for project advertisements such as tarpaulins, posters, T-shirts, IDs, and logos.
  • Designed graphics for social media posts.
  • Reported monthly insights for social media accounts.

Information Technology Administrator @Kaakbay Party List

  • Maintain internet networks, local servers, security programs, and computer system infrastructure.

Database Administrator @President Joseph Ejercito Estrada Head Quarter

  • Manage a confidential database by verifying, securing, and keeping it up to date.

Office Staff @The First Resources Management & Securities Corp.

  • File vouchers, send letters to other companies, and handle the deposit and encashment of cheques in various banks.

03. Web Languages and Tools

Frontend
html5 logo
html5 logo
html5 logo
Backend
html5 logo
Version control
html5 logo
html5 logo
WordPress
html5 logo
html5 logo
html5 logo
html5 logo
html5 logo
Server Side
html5 logo
html5 logo
html5 logo
html5 logo
Server and Analytics
html5 logo
html5 logo
html5 logo
html5 logo
Frameworks
html5 logo
html5 logo
html5 logo
Adobe Apps
html5 logo
html5 logo
html5 logo
HubSpot
html5 logo
Shopify
html5 logo
html5 logo
Recent
html5 logo
html5 logo

04. Featured Projects

Personal Trainor

Discover the art of bodyweight training through expert guidance, structured workout routines, and practical nutrition tips.

Hueprint E-commerce

Express Yourself with Our Custom T-Shirts! Dive into endless possibilities as you design your own T-shirt.

Angelie's Beauty Studio

Indulge in Elegance at Our Beauty Studio. Step into a sanctuary of glamour, where artistry meets relaxation.

Leonard Artist

Explore an online portfolio that showcases vibrant and mesmerizing paintings to evocative sculptures.

Apple

Apple Website – This is more than just an Apple website; it’s a gateway to knowledge (for study purposes only).

Cake Shop

From elegant wedding cakes to festive birthday creations, our confections are a celebration of taste and aesthetics.

Case Study

Learn from the best, apply with confidence, and let success stories guide your journey.

Rann-S Car Accesories

Discover the perfect additions for your automotive passion at our Car Accessories website.

Run For Earth Registration Portal

Our user-friendly website provides a hassle-free way to register and manage your information.

Fame+ Market Days

Unleash the power of visual appeal and professionalism in your emails with our expertly curated templates.

444th Manila Day

Poster for the 444th Manila Day, held at Rajah Sulayman, Roxas Boulevard, on June 21, 2015.

This graphic is a poster used to advertise the 444th Manila Day, featuring performances by Parokya ni Edgar, Silent Sanctuary, and Junior New System, as well as a food competition and bazaar that bring the event to life. The event was held at Rajah Sulayman, Roxas Boulevard, on June 21, 2015.

Team Legacy Logo

Logo designed to represent two candidates, Erap and Amado, for the local election in Manila.

This graphic is a logo representing the two candidates, Erap for mayor and Amado for vice-mayor, for their Team Legacy campaign in the Manila local elections.

447th Manila Day

Poster for the 447th Manila Day, held at Rajah Sulayman, Roxas Boulevard, on June 23, 2018.

This graphic is a poster used to advertise the 447th Manila Day, featuring performances by Mayonnaise, 727 Clique, and other bands. The event was held at Rajah Sulayman, Roxas Boulevard, on June 23, 2018.

Manila Youth Development and Welfare Bureau Logo

Representing the Youth Development and Welfare Bureau at Manila City Hall.

This graphic is a logo representing the Manila Youth Development and Welfare Bureau at Manila City Hall. The bureau aims to gather and unite youth organizations across Manila to implement impactful projects for the youth in their respective barangays. It also oversees the Sangguniang Kabataan (SK) in Manila.

Product Flyer

Used to advertise new and existing car accessories across various brands.

This graphic is a product flyer used to advertise new car accessories for all vehicle brands. The flyer includes product specifications and shows how the accessories look on a vehicle.

05. Contact Me

Let’s Connect!

Whether you’re looking to hire a Web Developer, work with a freelancer,
or consult about web development, don’t hesitate to reach out
—I’m here to help.