diff --git a/_config.yml b/_config.yml index 8b389eb..ba6214c 100644 --- a/_config.yml +++ b/_config.yml @@ -41,8 +41,8 @@ social: - https://twitter.com/rudzainy # change to your twitter homepage - https://github.com/rudzainy # change to your github homepage # Uncomment below to add more social links - # - https://www.facebook.com/username - # - https://www.linkedin.com/in/username + - https://www.facebook.com/rudzainy.rahman + - https://www.linkedin.com/in/rudzainy google_site_verification: # fill in to your verification string @@ -109,7 +109,7 @@ assets: pwa: enabled: true # the option for PWA feature -paginate: 10 +paginate: 13 # random odd prime number # The base URL of your site baseurl: "" diff --git a/_data/contact.yml b/_data/contact.yml index 1ed228a..f8939a2 100644 --- a/_data/contact.yml +++ b/_data/contact.yml @@ -4,7 +4,7 @@ icon: "fab fa-github" - type: twitter - icon: "fa-brands fa-x-twitter" + icon: "fa-brands fa-twitter" - type: email icon: "fas fa-envelope" diff --git a/_data/share.yml b/_data/share.yml index d572e6d..3510491 100644 --- a/_data/share.yml +++ b/_data/share.yml @@ -3,7 +3,7 @@ platforms: - type: Twitter - icon: "fa-brands fa-square-x-twitter" + icon: "fa-brands fa-square-twitter" link: "https://twitter.com/intent/tweet?text=TITLE&url=URL" - type: Facebook diff --git a/_posts/2008-09-01-design-review-jkm-web-portal.md b/_posts/2008-09-01-design-review-jkm-web-portal.md index fd3cd6e..459b858 100644 --- a/_posts/2008-09-01-design-review-jkm-web-portal.md +++ b/_posts/2008-09-01-design-review-jkm-web-portal.md @@ -10,13 +10,7 @@ published: true sitemap: true --- -| Project | JKM Web Portal | -| Responsibilities | Design & code HTML/CSS. | -| Technology Stack | Adobe Photoshop, Joomla 1.5, Macromedia Dreamweaver | -| Year | 2008 | -| Behance | [View in Behance](https://www.behance.net/gallery/175210039/Case-Study-JKM) | - -![Wireframe](https://www.rudzainy.my/designs/jkm-ux-review/jkm.jpg) +![Wireframe](/assets/img/portfolio/jkm.jpg) In 2008, I joined a local web development company as a web designer. I was just starting out in my career and had only just begun to explore the world of web design anddevelopment. My general role was to design UI and convert it to HTML & CSS. At that time, web development using open source CMS was on the rise in Malaysia. PHP and WAMP/LAMP stacks were popular backend solutions, and Joomla! 1.5 was the most commonly used content management system (CMS). The company did not have any designers on staff, so I worked closely with the developers to create their website and create mockups for each page. diff --git a/_posts/2008-09-01-jkm-web-portal.md b/_posts/2008-09-01-jkm-web-portal.md new file mode 100644 index 0000000..82fe365 --- /dev/null +++ b/_posts/2008-09-01-jkm-web-portal.md @@ -0,0 +1,18 @@ +--- +layout: post +title: JKM Web Portal +date: 2008-09-01 15:25 +0800 +description: +image: /assets/img/portfolio/jkm.jpg +category: +tags: +published: true +sitemap: true +--- + +| Project | JKM Web Portal | +| Responsibilities | Design & code HTML/CSS. | +| Technology Stack | Adobe Photoshop, Joomla 1.5, Macromedia Dreamweaver | +| Year | 2008 | +| Design Review | [Read](/posts/design-review-jkm-web-portal/) | +| Behance | [View in Behance](https://www.behance.net/gallery/175210039/Case-Study-JKM) | \ No newline at end of file diff --git a/_posts/2009-08-06-altfa-solution-logo.md b/_posts/2009-08-06-altfa-solution-logo.md new file mode 100644 index 0000000..8da1e9f --- /dev/null +++ b/_posts/2009-08-06-altfa-solution-logo.md @@ -0,0 +1,19 @@ +--- +layout: post +title: Altfa Solution Logo +date: 2009-08-06 11:52 +0800 +description: +image: /assets/img/portfolio/jkm.jpg +category: +tags: +published: false +sitemap: false +--- + +A colleague of mine asked me to design a logo for his personal web development solutions company. + +This design was rejected, however I have always liked the symbolism behind the combination of asterisk (*) and the letter A. + +I wanted to illustrate how the company + +- considers multiple solutions to a problem and always proceed to selecting the best fit for clients (the asterisk is divided into three arrows pointing inwards) \ No newline at end of file diff --git a/_posts/2016-07-23-teng-quora-k-a-quora-clone.md b/_posts/2016-07-23-teng-quora-k-a-quora-clone.md new file mode 100644 index 0000000..1d6c2c4 --- /dev/null +++ b/_posts/2016-07-23-teng-quora-k-a-quora-clone.md @@ -0,0 +1,17 @@ +--- +layout: post +title: 'Teng-Quora-K: A Quora Clone' +date: 2016-07-23 16:33 +0800 +description: An exercise of building a Quora clone using Ruby's Sinatra framework. +image: /assets/img/portfolio/tengquorak-app.png +category: [Work] +tags: [ruby, sinatra] +published: true +sitemap: true +--- + +| Project | Quora Clone | +| Responsibilities | Design & code | +| Technology Stack | Ruby, HTML, CSS, JavaScript | +| Year | 2016 | +| GitHub | [View Source Code](https://github.com/rudzainy/quora-clone) | \ No newline at end of file diff --git a/_posts/2023-11-29-of-mlbb.md b/_posts/2023-11-29-of-mlbb.md new file mode 100644 index 0000000..450a354 --- /dev/null +++ b/_posts/2023-11-29-of-mlbb.md @@ -0,0 +1,54 @@ +--- +layout: post +title: Of MLBB +date: 2023-11-29 11:55 +0800 +description: +image: +category: +tags: +published: false +sitemap: false +--- + +## Intro: A brief explanation of the game and why it's so popular. + +MLBB is an electrifying game that has captured the hearts of gamers worldwide with its thrilling combat and diverse roster of heroes. Players engage in fierce 5v5 matches, utilizing heroes with unique powers and battling opponents in real-time. The game has become renowned for its cutthroat gameplay, wide selection of heroes, and dedicated community that competes in high-stakes esports tournaments. To succeed in this game, a well-honed strategy and superb teamwork are crucial. In the next section, we'll explore why these elements are so vital in ensuring victory in MLBB. + +## Why I Play + +### The thrill of objective-based gameplay. +The focus on completing objectives, rather than just racking up kills, adds a layer of strategy and depth to the game. As a Ruby main, I love the challenge of capturing objectives like the Lord and the Turtle. It's satisfying to work together with my team to secure these objectives and give our team an edge in the match. + +### The short match length. +MLBB's quick matches make it perfect for players who don't have a lot of time to spare but still want to get a quick gaming fix. As someone who likes fast-paced action, the 10-30 minute match length of MLBB is perfect for me. It allows me to get a quick game in without having to commit hours at a time. + +### The opportunity for individual performance. +The game allows players to showcase their skills and stand out from the crowd. Harith's mobility and damage output allow me to take down enemies and make a real impact on the game. Being able to showcase my skills and contribute to my team's success is a huge rush. + +### The sense of competition. +The ranked mode and esports tournaments provide a platform for players to test their mettle against others and see where they stand in the community. I'm not that ambitions, so I stay in ranked mode and occasionally participate in the weekly tournaments if I have free entrance tickets. + +### The satisfaction of a comeback victory. +Nothing beats the feeling of coming back from a seemingly insurmountable disadvantage to snatch the win! When you're down and out, and then you pull off an epic comeback, it's like you're a gaming superhero. 😎 As a Ruby player, I've had some epic comeback victories where I've turned the tides of battle and led my team to victory. It's those moments that keep me coming back to MLBB again and again. + + +## Section 1: Winning in MLBB + + - Discuss the importance of having a solid strategy and working as a team to secure the win. + +Strong strategy is the foundation of a winning MLBB team. Knowing when to engage and disengage, push objectives, and retreat is crucial. Players must be able to make strategic decisions on the fly, and adapt to changing battlefield conditions. Effective communication is also key, allowing players to coordinate their actions and communicate their plans clearly. + +Effective teamwork is the key to victory in MLBB. A well-coordinated team can be a force to be reckoned with, moving in perfect sync and using their abilities to complement each other's strengths. Communication is the glue that holds it all together, allowing players to work together as a cohesive unit and defeat the opposing team. In the heat of battle, strong teamwork can make all the difference! + + +## Section 2: Your role in the game + + - This is where you can talk about your preferred heroes and what they bring to the table. You can break down their skills, strengths, and weaknesses, and share some tips for playing them effectively. + + +## Section 3: Hero mastery + +- This is the heart of the article! You can talk about the process of mastering a hero, including: +Identifying which hero to focus on +Practicing their skills and combos +Learning how to adapt to different matchups and game situations \ No newline at end of file diff --git a/_posts/2023-12-04-my-journey-as-a-mentor-at-next-academy.md b/_posts/2023-12-04-my-journey-as-a-mentor-at-next-academy.md new file mode 100644 index 0000000..a8933f6 --- /dev/null +++ b/_posts/2023-12-04-my-journey-as-a-mentor-at-next-academy.md @@ -0,0 +1,43 @@ +--- +layout: post +title: My Journey as a Mentor at NEXT Academy +date: 2023-12-04 07:18 +0800 +description: +image: +category: +tags: +published: false +sitemap: false +--- +<> +Title: Nurturing Future Web Developers: My Journey as a Mentor at NEXT Academy + +Introduction: + +From October 2015 to October 2017, I had the privilege of serving as a mentor at NEXT Academy in Kuala Lumpur, Malaysia. This article delves into my experiences and the significant responsibilities I undertook during this time, both as a mentor for their 9-week coding bootcamp and as a Front End Web Developer. I had the opportunity to guide and support aspiring web developers through their intensive training, while also contributing to the development and maintenance of web applications for NEXT Academy. This article outlines the topics covered in the boot camp, my daily tasks as a developer, and the valuable takeaways from this enriching experience. + +Joining NEXT Academy as a Mentor: + +My journey at NEXT Academy began when I enrolled in their 9-week coding bootcamp, immersing myself in a rigorous training program to enhance my web development skills. After successfully completing the bootcamp, I was offered the opportunity to stay on as a mentor. The experience I gained as a student provided me with valuable insights into the challenges and learning needs of aspiring web developers. + +Mentoring Students in the Bootcamp: + +As a mentor, I had the privilege of guiding students through the intensive 9-week bootcamp. Throughout the program, I provided support, guidance, and feedback to help them grasp the fundamental concepts and technologies necessary to excel in web development. The bootcamp covered various topics, including Ruby, ActiveRecord, Basic HTML & CSS, Basic JavaScript, Sinatra framework, and Ruby on Rails framework. By leveraging my knowledge and experience, I aimed to empower students to build a strong foundation in these essential areas. + +Influence on 14 Intakes: + +During my tenure as a mentor, I had the opportunity to guide and mentor a total of 14 intakes. Witnessing the growth and progress of each student was immensely rewarding. By fostering a supportive and collaborative learning environment, I encouraged students to embrace challenges, explore their creativity, and develop a deep understanding of web development principles. Through personalized guidance and continuous feedback, I aimed to instill confidence and inspire their passion for coding. + +Front End Web Developer Role: + +In addition to my responsibilities as a mentor, I also worked as a Front End Web Developer at NEXT Academy. This role allowed me to apply my skills in a practical setting and contribute to the development and maintenance of web applications. On a daily basis, I was involved in building new features, reviewing pull requests, and resolving bugs. Working in a team setting, I collaborated with fellow developers and designers to create seamless and visually appealing web experiences. + +The Value of Teamwork and Diverse Technologies: + +My time as a mentor and developer at NEXT Academy provided me with valuable insights and takeaways. One of the most important lessons was the significance of teamwork and collaboration. Working alongside talented individuals, I gained a deeper understanding of the importance of effective communication, coordination, and shared goals in achieving project success. + +Moreover, being exposed to diverse technologies enriched my skill set and broadened my perspective. Working with Ruby on Rails apps, ReactJS frameworks, and various APIs allowed me to gain hands-on experience in different areas of web development, enabling me to adapt and stay up-to-date with the rapidly evolving tech landscape. + +Conclusion: + +My experience as a mentor and Front End Web Developer at NEXT Academy was a transformative and fulfilling journey. Guiding students through the coding bootcamp and contributing to web application development provided me with a deeper understanding of the challenges and opportunities in the field of web development. This experience not only enhanced my technical skills but also highlighted the importance of mentorship, teamwork, and continuous learning in shaping the future of aspiring web developers. diff --git a/_posts/2023-12-04-of-maritime-academy.md b/_posts/2023-12-04-of-maritime-academy.md new file mode 100644 index 0000000..a39b147 --- /dev/null +++ b/_posts/2023-12-04-of-maritime-academy.md @@ -0,0 +1,46 @@ +--- +layout: post +title: Of Maritime Academy +date: 2023-12-04 07:15 +0800 +description: +image: +category: +tags: +published: false +sitemap: false +--- + + +Title: Building a Maritime Academy: A Journey of Growth and Development + +Introduction: + +From September 2009 to July 2012, I had the opportunity to work as an HRA/Business Development Executive/Teaching Assistant at the Maritime Education & Training Academy (META), located within the Maritime College (MARCO) in Selangor, Malaysia. During this period, I was part of a dedicated team that embarked on an exciting mission to establish a maritime academy in Seri Manjung, Perak, and Rawang, Selangor. This article delves into my experiences and the significant responsibilities I undertook during this time, including curriculum development, liaising with government authorities, managing day-to-day operations, and utilizing ship simulators as educational tools. + +Building the Academy: A Collaborative Effort + +Creating a maritime academy from scratch was a challenging yet rewarding endeavor. As a member of the team, we worked diligently to lay the foundation of the academy and shape its future. Our primary objective was to establish training programs that would prepare aspiring seafarers for the dynamic and demanding maritime industry. + +Curriculum Development: Nurturing Seamanship Skills + +One of my key responsibilities was to develop the syllabus for the basic seamanship program. This involved carefully structuring the course content to ensure comprehensive coverage of essential skills and knowledge required for a successful maritime career. Collaborating with experienced industry professionals, we created a curriculum that encompassed topics such as navigation, first aid, vessel operations, safety procedures, and maritime regulations. We also collaborated with the Fire Department + +Liaising with Marine Department of Malaysia: Accreditation and Reporting + +Ensuring the academy's programs met the necessary standards and received proper accreditation was crucial. In close collaboration with officials from the Marine Department of Malaysia, I facilitated the accreditation process, ensuring compliance with regulatory guidelines. Regular communication with the authorities included reporting on student progress, course evaluations, and other official matters. + +Managing Day-to-Day Operations: Smooth Functioning of the Academy + +Efficient management of the academy's day-to-day operations was essential for its smooth functioning. Overseeing administrative tasks, coordinating schedules, and handling logistical arrangements became integral aspects of my role. By creating streamlined processes and maintaining a conducive learning environment, we aimed to provide students with the best possible educational experience. + +Supervising and Coordinating Student Activities: Fostering Growth and Engagement + +As a teaching assistant, I had the privilege of working closely with students. I took on the responsibility of supervising and coordinating their activities, encouraging their participation in extracurricular events and fostering a sense of camaraderie among them. By organizing seminars, workshops, and team-building exercises, we aimed to cultivate holistic growth and enhance their overall learning experience. + +Utilizing Ship Simulators: Bridging Theory and Practice + +One of the most innovative tools we employed to enhance the learning process was the use of ship simulators. These simulators allowed students to gain practical knowledge by virtually exploring different types of vessels and understanding their layouts. As a teaching assistant, I assisted lecturers in conducting virtual walkthroughs, enabling students to develop a comprehensive understanding of the maritime industry. + +Conclusion: + +The years spent as an HRA/Business Development Executive/Teaching Assistant at META and MARCO were transformative and enriching. Working in a dedicated team, we played a vital role in establishing a maritime academy that aimed to equip students with the necessary skills and knowledge to excel in the industry. From curriculum development and liaising with government officials to managing day-to-day operations and utilizing ship simulators, each responsibility contributed to the growth and success of the academy. This experience not only shaped my professional journey but also highlighted the importance of collaboration, innovation, and dedication in the field of maritime education. diff --git a/_posts/2023-12-04-users-vs-corporations-in-digital-communication.md b/_posts/2023-12-04-users-vs-corporations-in-digital-communication.md new file mode 100644 index 0000000..e344489 --- /dev/null +++ b/_posts/2023-12-04-users-vs-corporations-in-digital-communication.md @@ -0,0 +1,51 @@ +--- +layout: post +title: Users vs Corporations in Digital Communication +date: 2023-12-04 07:21 +0800 +description: +image: +category: +tags: +published: false +sitemap: false +--- + +Title: The Unequal Struggle: Users vs. Corporations in Digital Communication + +Introduction + +In the era of digital communication, the power dynamics between users and corporations have become increasingly imbalanced. While users have experienced a level of empowerment through technology, it is evident that they have yet to achieve a significant victory against corporations. This article explores the reasons why users have historically struggled and will likely continue to face challenges when pitted against corporations in the realm of digital communication. + +
    +
  1. Asymmetry of Resources and Expertise
    2. +
+ +Corporations possess vast resources and specialized knowledge, giving them a considerable advantage over individual users. Large corporations have the financial means to hire teams of experts in areas such as data analysis, marketing, and user experience. They can invest in cutting-edge technologies, artificial intelligence, and algorithms to collect and process massive amounts of user data. In contrast, users often lack the financial and technical resources necessary to challenge corporations on an equal footing. + +
    +
  1. Terms of Service and Legal Agreements
    2. +
+ +Digital platforms enforce terms of service and legal agreements that are heavily skewed in favor of corporations. These agreements are often long, complex, and filled with legal jargon, making it difficult for users to fully understand their implications. Furthermore, users are typically presented with an "all-or-nothing" choice when accepting these terms, leaving them with little room for negotiation or individual preferences. This disparity in negotiating power puts users at a significant disadvantage. + +
    +
  1. Privacy Concerns and Data Exploitation
    2. +
+ +The digital era has witnessed a pervasive erosion of privacy. Corporations collect and analyze vast amounts of user data to fuel their business models, target advertisements, and gain insights into consumer behavior. While users have expressed concerns about their privacy, corporations have largely controlled the narrative and determined the extent to which privacy is protected. Despite occasional public outcry and regulatory efforts, corporations have consistently found ways to circumvent or dilute privacy regulations, often leaving users with limited control over their personal information. + +
    +
  1. Technological Lock-In and Dependency
    2. +
+ +Users often find themselves locked into specific digital ecosystems or platforms, creating a sense of dependency on corporations. This dependency arises from the seamless integration of services, convenience, and network effects offered by corporations. Once users become invested in a particular platform or service, switching to an alternative becomes challenging due to the time, effort, and potential loss of data associated with the transition. This lock-in effect strengthens corporations' hold over users and reduces the likelihood of successful user-led disruptions. + +
    +
  1. Lobbying Power and Influence
    2. +
+ +Corporations exert significant influence over policymakers through lobbying efforts and financial contributions. This influence enables them to shape regulations and policies in their favor, protecting their interests and limiting user empowerment. Despite some regulatory attempts to curtail corporate power, the asymmetry in lobbying power makes it challenging for users to influence meaningful change in digital communication landscapes. + +Conclusion + +While users have made strides in some areas, such as raising awareness about privacy concerns and demanding transparency, their ability to win against corporations in digital communication remains limited. The inherent disparities in resources, legal agreements, data exploitation, technological dependencies, and lobbying power continue to undermine the users' position. Moving forward, achieving a more balanced power dynamic will require collective action, increased regulatory scrutiny, and the development of alternative models that prioritize user rights and interests. Only by acknowledging and addressing these challenges can we hope to create a more equitable digital communication landscape. diff --git a/_tabs/about.md b/_tabs/about.md index 5b59366..38505cb 100644 --- a/_tabs/about.md +++ b/_tabs/about.md @@ -1,7 +1,7 @@ --- # the default layout is 'page' icon: fas fa-info-circle -order: 4 +order: 5 --- I do UI/UX stuff. Sometimes I do frontend dev stuff & theatre stuff.
diff --git a/_tabs/archives.md b/_tabs/archives.md index c3abc59..eb89f59 100644 --- a/_tabs/archives.md +++ b/_tabs/archives.md @@ -1,5 +1,5 @@ --- layout: archives icon: fas fa-archive -order: 3 +order: 4 --- diff --git a/_tabs/portfolio.md b/_tabs/portfolio.md new file mode 100644 index 0000000..6268ef2 --- /dev/null +++ b/_tabs/portfolio.md @@ -0,0 +1,5 @@ +--- +# the default layout is 'page' +icon: fas fa-info-circle +order: 3 +--- \ No newline at end of file diff --git a/assets/img/portfolio/GXFC.GIF b/assets/img/portfolio/GXFC.GIF new file mode 100644 index 0000000..ebdae2b Binary files /dev/null and b/assets/img/portfolio/GXFC.GIF differ diff --git a/assets/img/portfolio/Maritime/01 - cover.jpg b/assets/img/portfolio/Maritime/01 - cover.jpg new file mode 100644 index 0000000..ff7cbcb Binary files /dev/null and b/assets/img/portfolio/Maritime/01 - cover.jpg differ diff --git a/assets/img/portfolio/Maritime/1.png b/assets/img/portfolio/Maritime/1.png new file mode 100644 index 0000000..3b7bd98 Binary files /dev/null and b/assets/img/portfolio/Maritime/1.png differ diff --git a/assets/img/portfolio/Maritime/MARCO.jpg b/assets/img/portfolio/Maritime/MARCO.jpg new file mode 100644 index 0000000..c4fe305 Binary files /dev/null and b/assets/img/portfolio/Maritime/MARCO.jpg differ diff --git a/assets/img/portfolio/Maritime/PEMM.jpg b/assets/img/portfolio/Maritime/PEMM.jpg new file mode 100644 index 0000000..f0185bf Binary files /dev/null and b/assets/img/portfolio/Maritime/PEMM.jpg differ diff --git a/assets/img/portfolio/Maritime/flyersa5-red.jpg b/assets/img/portfolio/Maritime/flyersa5-red.jpg new file mode 100644 index 0000000..82964a2 Binary files /dev/null and b/assets/img/portfolio/Maritime/flyersa5-red.jpg differ diff --git a/assets/img/portfolio/Maritime/kompas.jpg b/assets/img/portfolio/Maritime/kompas.jpg new file mode 100644 index 0000000..db48021 Binary files /dev/null and b/assets/img/portfolio/Maritime/kompas.jpg differ diff --git a/assets/img/portfolio/Maritime/myous-logo.jpg b/assets/img/portfolio/Maritime/myous-logo.jpg new file mode 100644 index 0000000..62f3688 Binary files /dev/null and b/assets/img/portfolio/Maritime/myous-logo.jpg differ diff --git a/assets/img/portfolio/Maritime/pc-logo-3.jpg b/assets/img/portfolio/Maritime/pc-logo-3.jpg new file mode 100644 index 0000000..e335ad7 Binary files /dev/null and b/assets/img/portfolio/Maritime/pc-logo-3.jpg differ diff --git a/assets/img/portfolio/Maritime/pelita-card.jpg b/assets/img/portfolio/Maritime/pelita-card.jpg new file mode 100644 index 0000000..36c9f55 Binary files /dev/null and b/assets/img/portfolio/Maritime/pelita-card.jpg differ diff --git a/assets/img/portfolio/Maritime/pelita-logo.jpg b/assets/img/portfolio/Maritime/pelita-logo.jpg new file mode 100644 index 0000000..794f498 Binary files /dev/null and b/assets/img/portfolio/Maritime/pelita-logo.jpg differ diff --git a/assets/img/portfolio/Maritime/smokehouse-1.png b/assets/img/portfolio/Maritime/smokehouse-1.png new file mode 100644 index 0000000..efeb3d6 Binary files /dev/null and b/assets/img/portfolio/Maritime/smokehouse-1.png differ diff --git a/assets/img/portfolio/RO.JPG b/assets/img/portfolio/RO.JPG new file mode 100644 index 0000000..060b280 Binary files /dev/null and b/assets/img/portfolio/RO.JPG differ diff --git a/assets/img/portfolio/SARA2.JPG b/assets/img/portfolio/SARA2.JPG new file mode 100644 index 0000000..bd74eba Binary files /dev/null and b/assets/img/portfolio/SARA2.JPG differ diff --git "a/assets/img/portfolio/Web 1280 \342\200\223 1.png" "b/assets/img/portfolio/Web 1280 \342\200\223 1.png" new file mode 100644 index 0000000..9632c61 Binary files /dev/null and "b/assets/img/portfolio/Web 1280 \342\200\223 1.png" differ diff --git a/assets/img/portfolio/draft3.jpg b/assets/img/portfolio/draft3.jpg new file mode 100644 index 0000000..50d8134 Binary files /dev/null and b/assets/img/portfolio/draft3.jpg differ diff --git a/assets/img/portfolio/jalur_gemilang_FA.jpg b/assets/img/portfolio/jalur_gemilang_FA.jpg new file mode 100644 index 0000000..5b6b9d1 Binary files /dev/null and b/assets/img/portfolio/jalur_gemilang_FA.jpg differ diff --git a/assets/img/portfolio/jkm.jpg b/assets/img/portfolio/jkm.jpg new file mode 100644 index 0000000..4aa2429 Binary files /dev/null and b/assets/img/portfolio/jkm.jpg differ diff --git a/assets/img/portfolio/logo.jpg b/assets/img/portfolio/logo.jpg new file mode 100644 index 0000000..0543610 Binary files /dev/null and b/assets/img/portfolio/logo.jpg differ diff --git a/assets/img/portfolio/mf.jpg b/assets/img/portfolio/mf.jpg new file mode 100644 index 0000000..ee98bac Binary files /dev/null and b/assets/img/portfolio/mf.jpg differ diff --git a/assets/img/portfolio/poster1.jpg b/assets/img/portfolio/poster1.jpg new file mode 100644 index 0000000..4f9fd96 Binary files /dev/null and b/assets/img/portfolio/poster1.jpg differ diff --git a/assets/img/portfolio/poster2.jpg b/assets/img/portfolio/poster2.jpg new file mode 100644 index 0000000..c7d1153 Binary files /dev/null and b/assets/img/portfolio/poster2.jpg differ diff --git a/assets/img/portfolio/seri_malaysia.jpg b/assets/img/portfolio/seri_malaysia.jpg new file mode 100644 index 0000000..564dc60 Binary files /dev/null and b/assets/img/portfolio/seri_malaysia.jpg differ diff --git a/assets/img/portfolio/tengquorak-app.png b/assets/img/portfolio/tengquorak-app.png new file mode 100644 index 0000000..72b5931 Binary files /dev/null and b/assets/img/portfolio/tengquorak-app.png differ