A bit about myself...
Dear all, appreciate visiting my website. I have a master degree in Civil Engineering (geotechnical field). I'm so interested in web development. Furthermore, I am putting many efforts on learning novel technologies in this respect. It will be my proud if you check and view my portfolio. Hope this website will make us getting in touch and collaborate.
Sincerely Yours, Hamed
Portfolio
Here are some examples of projects I have worked on as a portfolio.
In these cases, users could be able to :
- View the optimal layout for each page depending on their device's screen size (Responsive Web Design)
- See hover states for all interactive elements on any page
The FAQ accordion card
Features :
- Hide/Show the answer to a question when the question is clicked.
Built with :
- HTML5
- CSS
- Flexbox
- JavaScript
IP address tracker
Features :
- See own IP address on the map on the initial page load.
- Search for any IP addresses or domains and see the key information and location.
Built with :
- HTML5
- CSS
- JavaScript
- Web APIs > Fetch API
Testimonials grid section
Features :
- This testimonials grid section based on a CSS Grid.
Built with :
- HTML5
- CSS
Tip calculator app solution
Features :
- Calculate the correct tip and total cost of the bill per person.
- Control font size for when characters become too large.
- Receive an error message when need to declare the inputs.
Built with :
- HTML5
- CSS
- JavaScript
Data storage component
Features :
- Animate the progress bar when page loaded.
Built with :
- HTML5
- CSS
Instance of a social media website
Features :
- A social network platform made with Bootstrap.
- Overlay images on top of the current page.
- Clicking to view an image and then having to click the back button to return to your site is bad for continuity.
Built with :
- HTML5
- Bootstrap
- Lightbox2
Intro component with sign up form
Features :
- Receive an error message when the form is submitted if any input field is empty.
Built with :
- HTML5
- CSS
- Bootstrap
Rock, Paper, Scissors
Features :
- Users could be able to: select one of the options, after that CPU makes his choice and then according to the selections the result is displayed in the points section. By clicking the REFRESH button, or by pressing the R key on the keyboard, The game will continue and points will be collected.
Built with :
- HTML5
- CSS_Grid
- JavaScript
Pig (dice game)
Features :
- Pig is a simple dice game. Players take turns to roll a single dice as many times as they wish, adding all roll results to a running total, but losing their gained score for the turn if they roll a 1.
Built with :
- HTML5
- BootStrap 5
- JavaScript
Fast Food website
Features :
- A responsive website to introduce a fast food with image slideshow and pop-up on links.
Built with :
- HTML5
- CSS
- Bootstrap
My first personal website
You can see some Portfolio of my first works in the "projects section".
Included :
- Portfolio made with Laravel.
- Portfolio made with HTML and pure CSS.
- Portfolio made by Bootstrap.
- Portfolio made by Bootstrap with RTL directions.