We can organize an interview with Aldin or any of our 25,000 available candidates within 48 hours. How would you like to proceed?
Schedule Interview NowBeing part of Softaims has allowed me to see the full spectrum of what technology can achieve when guided by empathy, discipline, and creativity. Each assignment, regardless of size, represents an opportunity to bring clarity to complexity and to turn ambitious ideas into tangible outcomes. I’ve come to realize that successful development isn’t just about writing code—it’s about listening carefully, understanding deeply, and designing thoughtfully. Every client brings unique challenges, and I make it a priority to align my work with their goals, ensuring that the end result is both effective and lasting. Softaims fosters an environment where collaboration is not optional—it’s essential. The collective expertise within the team pushes me to think beyond conventional boundaries, to question, refine, and innovate. I believe that this process of shared learning and experimentation is what makes our solutions resilient and impactful. My ultimate goal is to build technology that feels effortless to use yet powerful in function. I approach every task with the mindset that small details can make a big difference. Through continuous refinement and dedication, I aim to contribute to the kind of work that not only serves today’s needs but anticipates tomorrow’s possibilities.
Main technologies
2 years
1 Year
1 Year
1 Year
Potentially possible
Here are some of my original designs for various brands. These creations reflect my unique approach and creativity, combining innovative concepts with a strong understanding of brand identity. Each design is crafted to align with the vision and values of the brands they represent, ensuring a memorable and impactful impression.
.
# SkateorDie-Website ## Project Overview SkateorDie-Website is a visually appealing website project created using HTML, CSS, and Bootstrap. This project is designed to celebrate the world of skateboarding and provide visitors with an immersive experience. It showcases web development skills and best practices, including responsive design for various screen sizes, and leverages the power of Bootstrap for a sleek and modern look. ## Project Structure - **index.html:** The main HTML file that structures the entire website, containing headers, navigation, sections, and the footer. - **main.css:** The primary CSS file responsible for defining the website's styling, including text formatting, layout, colors, and responsiveness. - **Images:** This directory contains image files like "board.jpg," "tipsolahraga.jpg," and "longboard.jpg," used for visual content on the website. ## Key Features - **Navigation Bar:** A responsive navigation bar at the top provides easy access to different sections of the website. It adapts gracefully to various screen sizes. - **Header Section:** The header section features a striking gradient background, a prominent title, and a compelling call-to-action. - **Video Section:** A dedicated section for displaying an embedded YouTube video within a responsive container. - **Informational Boxes:** Three informative boxes each containing an icon, a label, and a description. These boxes offer concise information about different aspects of skateboarding. - **"Get Cool Stuff" Button:** A conspicuous button encourages users to explore exclusive content or offerings. - **Article Section:** An informative article with Lorem Ipsum text and a complementary image, providing additional context to visitors. - **Footer:** The footer section presents essential information about the website or organization, including links to various pages and social media profiles. ## Responsive Design The SkateorDie-Website is crafted to be responsive, ensuring an optimal user experience on diverse devices, ranging from desktops to mobile screens. The navigation menu gracefully collapses into a mobile-friendly dropdown menu when viewed on smaller screens. ## How to Run the Project 1. Download the project files, including `index.html`, `main.css`, and any necessary image files. 2. Open the `index.html` file in a modern web browser to explore the SkateorDie-Website. ## Author - **Author:** Hazem Swelam - **Contact Information:** [email protected] Feel free to modify and expand upon this README to provide any additional information or instructions specific to your SkateorDie-Website project.
Project Name: Simple Login Page Project Description: The "Simple Login Page" project is a web application that provides a basic user interface for logging in. It is designed to be a straightforward, user-friendly login page that can be easily integrated into other web applications or used as a standalone login system. Features: User-friendly Interface: The login page offers a clean and intuitive design, making it easy for users to understand and interact with. Responsive Design The "Simple Login Page" project is built with responsive design principles in mind. It is optimized to work seamlessly on various screen sizes and states, including: Mobile Devices: The login page is fully responsive and adapts to the smaller screens of mobile devices, ensuring a user-friendly experience for users accessing the site from smartphones or tablets. Tablets: The layout is designed to provide an optimal viewing and interaction experience on tablet devices, both in portrait and landscape orientations. Desktop: Users accessing the login page from desktop computers or laptops will also find it well-optimized for larger screens. Different States: This project takes into account different states and viewports, ensuring that the login page maintains its functionality and aesthetics regardless of the screen size or orientation. Whether your users are on the go with their mobile phones or using larger desktop monitors, this login page is designed to deliver a consistent and user-friendly experience across all devices and states. Email and Password Input: Users can enter their email and password into the respective input fields. Remember Me: Users have the option to check a "Remember me" checkbox, which can be used to remember their login information for future visits. "Need Help?" Link: A "Need Help?" link is provided for users who require assistance or forgot their login credentials. Create New Account: Users can easily navigate to the "Create New Account" page by clicking on the provided link. Technologies Used: HTML: The project uses HTML for structuring the web page. CSS: Cascading Style Sheets (CSS) are employed for styling and layout. Bootstrap: Bootstrap is used for responsive design and pre-built UI components. JavaScript: JavaScript libraries (jQuery and Popper.js) are included to enhance user interactions and for Bootstrap functionality. Project Structure: The project is organized as follows: HTML File: The HTML file (index.html) contains the structure of the login page, including form inputs, buttons, and links. CSS File: The CSS file (main.css) contains custom styling rules to enhance the appearance of the login page. Bootstrap 4 Files: The project includes Bootstrap CSS and JavaScript files for responsive design and interactive components. Getting Started: To run this project locally, follow these steps: Download or clone the project files to your computer. Open the index.html file in a web browser. You will see the simple login page where you can enter your email and password or click on the "Create New Account" link to navigate to the registration page. Usage: This project can serve as a starting point for building login functionality in web applications. You can integrate this login page into your existing projects or extend it to include user authentication and registration features. Contribution: Contributions to this project are welcome. If you'd like to improve the design, add features, or fix bugs, feel free to contact. Author: Hazem Swelam contact on: [email protected]
Project Description : Project Overview: This project is a simple website created using HTML and CSS. It is designed to showcase various web development skills and practices, including responsive design for both desktop and mobile devices. The website consists of multiple sections, including a navigation bar, a video section, informational boxes, and a footer. Project Structure: index.html: This is the main HTML file that structures the entire webpage. It contains all the content, including headers, navigation, sections, and the footer. stylexxx.css: This is the main CSS file that defines the styling for the webpage. It includes various CSS rules for text formatting, layout, colors, and responsiveness. Images: The project includes image files, such as "devIcon.png" and "iOS_Slope.png," which are used as icons and decorative elements on the webpage. Key Features: Navigation Bar: The website has a responsive navigation bar at the top. The navigation links are styled and are designed to adapt to different screen sizes. Header Section: The header section includes a gradient background and a prominent title with a call to action. Video Section: This section displays an embedded YouTube video within a responsive container. Informational Boxes: Three informational boxes are displayed, each containing an icon, a label, and a description. These boxes are designed to provide brief information about different aspects of the project. Learn More Button: A "Learn More" button is prominently placed, which can be used to direct users to additional information or pages. Article Section: This section includes an article with Lorem Ipsum text and an accompanying image. Footer: The footer provides information about the company, including links to different pages and social media profiles. Responsive Design: The website is designed to be responsive and adapt to various screen sizes, including desktop and mobile devices. The navigation menu collapses into a mobile-friendly dropdown menu when viewed on smaller screens. Author: Hazem Swelam Contact Information: [email protected]
Bachelor of Science in Information Technology in Computer science
2021-01-01-2025-01-01