First commit, added basic GUI

MarcosWeek4.py

@@ -0,0 +1,36 @@
+from tkinter import *
+
+from designSpecTest import *
+
+#Main page
+design_spec_root = Tk()
+design_spec_root.title("Design Specifications")
+design_spec_root.geometry("1280x720")
+
+#Function that redirects page
+
+def nextpage():
+    import designSpecTest
+
+#Labels
+empty_label = Label(design_spec_root, text=" ")
+jawara_label = Label(design_spec_root, text="Jawara", font="Verdana 24 bold", fg="Red")
+title_label = Label(design_spec_root, text="Design Specifications", font=("Verdana 23 bold"), fg="Black")
+
+#Buttons
+button_roadster = Button(design_spec_root, text = "Roadster", height=9, width=20, command= open_roadster_page )
+button_SUV = Button(design_spec_root, text="Sport Utility Vehicle (SUV)",height=9, width=20, command= open_suv_page)
+button_hatchback = Button(design_spec_root, text="Hatchback",height = 9, width=20, command= open_hatchback_page)
+button_sedan = Button(design_spec_root, text="Sedan",height=9, width=20, pady=45, command= open_sedan_page)
+
+#Grid arragement
+jawara_label.grid(row = 0, column = 0)
+title_label.grid(row = 0, column = 2)
+button_roadster.grid(row=2, column=0)
+button_SUV.grid(row=3, column=0)
+button_hatchback.grid(row=4, column=0)
+button_sedan.grid(row=5, column=0)
+
+#Mainloop
+design_spec_root.mainloop()
+

designSpecTest.py

@@ -0,0 +1,111 @@
+from tkinter import *
+from PIL import ImageTk, Image
+
+def open_roadster_page():
+#Test page
+    roadster_page = Toplevel()
+    roadster_page.title("Design Specifications - Roadster")
+    roadster_page.geometry("1280x720")
+
+
+#Image
+    roadster_img = ImageTk.PhotoImage(Image.open("830685.jpg"))
+
+#Labels
+
+    roadster_title = Label(roadster_page, text="Roadsters", font="Verdana 24 bold", fg="Blue")
+    roadster_label = Label(roadster_page, image=roadster_img)
+
+
+#Buttons
+
+#Grid Arrangement
+
+    roadster_title.grid(row=0, column=0)
+    roadster_label.grid(row=1, column=0)
+
+#Loop
+    roadster_page.mainloop()
+
+def open_suv_page():
+#Test page
+    suv_page = Toplevel()
+    suv_page.title("Design Specifications - SUV")
+    suv_page.geometry("1280x720")
+
+
+#Image
+    suv_img = ImageTk.PhotoImage(Image.open("suv.jpg"))
+
+#Labels
+
+    suv_title = Label(suv_page, text="SUVs", font="Verdana 24 bold", fg="Orange")
+    suv_label = Label(suv_page, image=suv_img)
+
+
+#Buttons
+
+#Grid Arrangement
+
+    suv_title.grid(row=0, column=0)
+    suv_label.grid(row=1, column=0)
+
+#Loop
+    suv_page.mainloop()
+
+def open_hatchback_page():
+#Test page
+    hatchback_page = Toplevel()
+    hatchback_page.title("Design Specifications - Hatchback")
+    hatchback_page.geometry("1280x720")
+
+
+#Image
+    hatchback_img = ImageTk.PhotoImage(Image.open("hatchback.webp"))
+
+
+#Labels
+
+    hatchback_title = Label(hatchback_page, text="Hatchbacks", font="Verdana 24 bold", fg="Green")
+    hatchback_label = Label(hatchback_page, image=hatchback_img)
+
+
+#Buttons
+
+#Grid Arrangement
+
+    hatchback_title.grid(row=0, column=0)
+    hatchback_label.grid(row=1, column=0)
+
+#Loop
+    hatchback_page.mainloop()
+
+
+
+def open_sedan_page():
+#Test page
+    sedan_page = Toplevel()
+    sedan_page.title("Design Specifications - Sedan")
+    sedan_page.geometry("1280x720")
+
+
+#Image
+    ogsedan_img = Image.open("sedan.jpg")
+    sedan_img= ogsedan_img.resize((850,422), Image.ANTIALIAS)
+    true_sedan_img = ImageTk.PhotoImage(sedan_img)
+#Labels
+
+    sedan_title = Label(sedan_page, text="Sedans", font="Verdana 24 bold", fg="Purple")
+    sedan_label = Label(sedan_page, image=true_sedan_img)
+
+
+#Buttons
+
+#Grid Arrangement
+
+    sedan_title.grid(row=0, column=0)
+    sedan_label.grid(row=1, column=0)
+
+#Loop
+    sedan_page.mainloop()
+