![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/8819d0fa-138c-4039-be4f-3034a84313d4_rw_1920.jpg?h=d000b8192808b9558acbabdf54c4c17b)
This is a website for a fictional gym for the Advanced Website design course at MATC. In my previous courses at MATC, I learned about HTML and CSS coding languages. The key things the site showcases are page layout and structure. In this class, we learned how to incorporate jQuery into a website. Another skill we learned was planning a website by using sketches. I was responsible for designing the logo, web banner images, coding and building the website using Adobe Dreamweaver. We uploaded the website on the school's FTP server.
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/165a1987-7e92-4c94-ba33-d4445061efbd_rw_1200.png?h=242e9b96294bb8c2647b5b40173b71e7)
Wireframe
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/9777e45a-2b01-4fe2-8ca6-f71d2b916c0f_rw_1920.png?h=4db7b99f1d7f4426d1e4b8b9647537d2)
Home Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/141ddd9c-5c31-457d-8edd-4784b499d1ff_rw_1200.png?h=057df847cbc897737d17d6b9c660ef3e)
Below are the sliding banners on the home page.
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/fd0f6c37-a6bd-428a-b0f2-97c4120e4852_rw_1200.png?h=1985659f5c56b4326acda44c451108a7)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/b3cf0628-2b67-481e-b743-9b3c8de2e273_rw_1200.png?h=8fd8f4143f0bf9a876a89efe2accffcf)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/bd095792-fffe-485d-9803-59e7141298ac_rw_1200.png?h=5a7e1069cfbec679f286af51e413e44c)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/fabd18a8-c081-48a2-91fd-36071de4eb8e_rw_1200.png?h=9e8cc4f713439f7656f66422fce768cb)
About Us Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/38cd1685-288f-4c3b-a28a-f373c04a885a_rw_1200.png?h=a0f8b4b53163fd1a385cac85b6773950)
Membership Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/ec4ef6e7-f773-4157-922b-c673f41172df_rw_1200.png?h=14c92c1e2172899a6e68b3f3e7ec5591)
Services Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/5097102e-ef0b-4dc6-af39-05d8f8209737_rw_1200.png?h=47cff9eeb81f15ab6cd91fd8aa88142f)
Below is a carousel that opens up a new page when the picture is clicked.
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/dbe0d49c-247a-48ca-afee-c03a20a0fc7e_rw_1200.png?h=8c1274e4ed35bb566178bcf5e7f7699a)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/b62c229b-dd40-46a2-b3da-cb0a832387de_rw_1200.png?h=4bde2baad2410c2ecbd76b92e42c1f6c)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/82544bab-177f-4f7a-857d-9460be458bb0_rw_1200.png?h=aac1fc6f23a9e252c8018f178c28a8b9)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/e97b05a5-2fc9-4ce6-9540-739c65f3acda_rw_1200.png?h=ad968e06817d72002839d838c9e70a1b)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/f48303bc-8514-4c61-bfd7-2be4db19e3cc_rw_1200.png?h=014497639a22714ca5d715390f18748e)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/1ae71be6-bb82-4572-98f5-e850669d45c8_rw_1200.png?h=bc7ac4b2a85ed3b9ee6cd0438fc58483)
Classes Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/481f5020-5344-42db-8fee-906a85024933_rw_1200.png?h=7eb9c39d014905041d5154315af95eea)
Whenever the pictures are clicked, it opens a new page below showing different classes.
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/6346a20b-c11f-4d96-bb85-4b430a1aeb88_rw_1200.png?h=ce95a4bcd36da6b4ea4b533a6770c625)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/5ab233c2-7cd6-4b89-8052-e1857e1732b8_rw_1920.png?h=0fd86adbba65c1e471ab40c60ef31966)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/b0a06354-abe7-467a-92ee-e63b7de3753b_rw_1920.png?h=c2927ef821648a40fe4f4f6edfe0ca6f)
Facility and Kids Club Page
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/a42f903b-c955-4946-8246-bec352068f6c_rw_1200.png?h=cc535c1731a638e9a8864150d9c272e7)
![](https://cdn.myportfolio.com/983acdb9-7589-4084-b3d9-821056543cd9/43ce6ea9-61d2-40d2-a91a-ed1e4bd7726a_rw_1200.png?h=525b68b4cfddb1d919e9b106c231f4fb)