<div class="container"> <h1>GPA Calculator</h1> <form> <div class="course"> <label for="course1">Course 1</label> <input type="text" id="course1" placeholder="Course Name" /> <input type="text" id="grade1" placeholder="Grade (A, B, C, etc.)" /> <input type="number" id="credits1" placeholder="Credits" /> </div> <div class="course"> <label for="course2">Course 2</label> <input type="text" id="course2" placeholder="Course Name" /> <input type="text" id="grade2" placeholder="Grade (A, B, C, etc.)" /> <input type="number" id="credits2" placeholder="Credits" /> </div> <div class="course"> <label for="course3">Course 3</label> <input type="text" id="course3" placeholder="Course Name" /> <input type="text" id="grade3" placeholder="Grade (A, B, C, etc.)" /> <input type="number" id="credits3" placeholder="Credits" /> </div> <div class="course"> <label for="course4">Course 4</label> <input type="text" id="course4" placeholder="Course Name" /> <input type="text" id="grade4" placeholder="Grade (A, B, C, etc.)" /> <input type="number" id="credits4" placeholder="Credits" /> </div> <div class="course"> <label for="course5">Course 5</label> <input type="text" id="course5" placeholder="Course Name" /> <input type="text" id="grade5" placeholder="Grade (A, B, C, etc.)" /> <input type="number" id="credits5" placeholder="Credits" /> </div> <button type="submit">Calculate GPA</button> </form> </div>