This web page is a mobile veiw and a desktop veiw of my portfolio page. The styling for the desktop veiw was made using CSS media query. The head sections contains the links to external stylesheets and external font. it also contains the title. The body element contains the header, a top section, a work section and, about section. The header contains the logo and a nav element. The nav element has a hambugger menu on the mobile version of the website, The nav elements can be accessed by clicking in the hambuger icon, The feature was added using javaScript DOM. Animation and transition was added to the header section. The section contains information about the website. The work section generated using javaScript. The section contains cards that shows the works in my portfolio. The cards are positioned using css grid and the card content were positioned using flex box. More details about the project can be accessed using the see project button which is also made using javaScript. The last section is the contact section which contains a form for contacting the author. The contact form uses javaScript validation. All sections are positioned using flex box except the work section. The website is then deployed using github pages.
- HTML
- Css
- javaScript
https://anasbassi.github.io/portfolio/
*Go to the a repository on github. Fork the repository to your own github. Follow the follwing steps to to clone the repository -Click on repository, -Click on code, -Copy the https link on the page, -Open gibash in a folder on your local device, -Run the command git clone "the coppied https link" -Go to the folder and you will find the file locally
To get a local copy up and running follow these simple example steps.
👤 Anas Abubakar Bassi
- GitHub: @anasbassi
- Twitter: @anasabu92568449
- LinkedIn: Anas Abubakar
- Microverse
- Toma John Musa
This project is MIT licensed.