1. import 'package:flutter/material.dart';
2.  
3. class CoursePage extends StatefulWidget {
4.   const CoursePage({Key? key}) : super(key: key);
5.  
6.   @override
7.   _CoursePageState createState() => _CoursePageState();
8. }
9.  
10. class _CoursePageState extends State<CoursePage> {
11.   @override
12.   Widget build(BuildContext context) {
13.     return Scaffold(
14.       appBar: AppBar(
15.         title: Text(
16.           "Course",
17.           style: TextStyle(letterSpacing: 0.5, fontSize: 22),
18.         ),
19.         centerTitle: true,
20.       ),
21.       body: SingleChildScrollView(
22.         scrollDirection: Axis.horizontal,
23.         child: Column(
24.           children: [
25.             Row(
26.               mainAxisAlignment: MainAxisAlignment.spaceBetween,
27.               children: [
28.                 Padding(
29.                   padding: EdgeInsets.all(5),
30.                   child: Container(
31.                     height: 100,
32.                     width: 100,
33.                     child: Image.network(
34.                       "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg",
35.                       fit: BoxFit.cover,
36.                     ),
37.                   ),
38.                 ),
39.                 Padding(
40.                   padding: EdgeInsets.all(5),
41.                   child: Container(
42.                     height: 100,
43.                     width: 100,
44.                     child: Image.network(
45.                       "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80",
46.                       fit: BoxFit.cover,
47.                     ),
48.                   ),
49.                 ),
50.                 Padding(
51.                   padding: EdgeInsets.all(5),
52.                   child: Container(
53.                     height: 100,
54.                     width: 100,
55.                     child: Image.network(
56.                       "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
57.                       fit: BoxFit.cover,
58.                     ),
59.                   ),
60.                 ),
61.                 Padding(
62.                   padding: EdgeInsets.all(5),
63.                   child: Container(
64.                     height: 100,
65.                     width: 100,
66.                     child: Image.network(
67.                       "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
68.                       fit: BoxFit.cover,
69.                     ),
70.                   ),
71.                 ),
72.                 Padding(
73.                   padding: EdgeInsets.all(5),
74.                   child: Container(
75.                     height: 100,
76.                     width: 100,
77.                     child: Image.network(
78.                       "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
79.                       fit: BoxFit.cover,
80.                     ),
81.                   ),
82.                 ),
83.               ],
84.             ),
85.             Column(
86.               children: [
87.                 Row(
88.                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
89.                   children: [
90.                     Padding(
91.                       padding: EdgeInsets.all(5),
92.                       child: Container(
93.                         height: 100,
94.                         width: 100,
95.                         child: Image.network(
96.                           "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg",
97.                           fit: BoxFit.cover,
98.                         ),
99.                       ),
100.                     ),
101.                     Padding(
102.                       padding: EdgeInsets.all(5),
103.                       child: Container(
104.                         height: 100,
105.                         width: 100,
106.                         child: Image.network(
107.                           "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80",
108.                           fit: BoxFit.cover,
109.                         ),
110.                       ),
111.                     ),
112.                     Padding(
113.                       padding: EdgeInsets.all(5),
114.                       child: Container(
115.                         height: 100,
116.                         width: 100,
117.                         child: Image.network(
118.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
119.                           fit: BoxFit.cover,
120.                         ),
121.                       ),
122.                     ),
123.                     Padding(
124.                       padding: EdgeInsets.all(5),
125.                       child: Container(
126.                         height: 100,
127.                         width: 100,
128.                         child: Image.network(
129.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
130.                           fit: BoxFit.cover,
131.                         ),
132.                       ),
133.                     ),
134.                     Padding(
135.                       padding: EdgeInsets.all(5),
136.                       child: Container(
137.                         height: 100,
138.                         width: 100,
139.                         child: Image.network(
140.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
141.                           fit: BoxFit.cover,
142.                         ),
143.                       ),
144.                     ),
145.                   ],
146.                 ),
147.               ],
148.             ),
149.             Column(
150.               children: [
151.                 Row(
152.                   mainAxisAlignment: MainAxisAlignment.spaceBetween,
153.                   children: [
154.                     Padding(
155.                       padding: EdgeInsets.all(5),
156.                       child: Container(
157.                         height: 100,
158.                         width: 100,
159.                         child: Image.network(
160.                           "https://cdn.pixabay.com/photo/2015/04/23/22/00/tree-736885__480.jpg",
161.                           fit: BoxFit.cover,
162.                         ),
163.                       ),
164.                     ),
165.                     Padding(
166.                       padding: EdgeInsets.all(5),
167.                       child: Container(
168.                         height: 100,
169.                         width: 100,
170.                         child: Image.network(
171.                           "https://images.unsplash.com/photo-1612151855475-877969f4a6cc?ixid=MnwxMjA3fDB8MHxzZWFyY2h8MXx8aGQlMjBpbWFnZXxlbnwwfHwwfHw%3D&ixlib=rb-1.2.1&w=1000&q=80",
172.                           fit: BoxFit.cover,
173.                         ),
174.                       ),
175.                     ),
176.                     Padding(
177.                       padding: EdgeInsets.all(5),
178.                       child: Container(
179.                         height: 100,
180.                         width: 100,
181.                         child: Image.network(
182.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
183.                           fit: BoxFit.cover,
184.                         ),
185.                       ),
186.                     ),
187.                     Padding(
188.                       padding: EdgeInsets.all(5),
189.                       child: Container(
190.                         height: 100,
191.                         width: 100,
192.                         child: Image.network(
193.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
194.                           fit: BoxFit.cover,
195.                         ),
196.                       ),
197.                     ),
198.                     Padding(
199.                       padding: EdgeInsets.all(5),
200.                       child: Container(
201.                         height: 100,
202.                         width: 100,
203.                         child: Image.network(
204.                           "https://media.istockphoto.com/photos/business-man-pushing-large-stone-up-to-hill-business-heavy-tasks-and-picture-id825383494?k=20&m=825383494&s=612x612&w=0&h=tEqZ5HFZcM3lmDm_cmI7hOeceiqy9gYrkyLTTkrXdY4=",
205.                           fit: BoxFit.cover,
206.                         ),
207.                       ),
208.                     ),
209.                   ],
210.                 ),
211.               ],
212.             )
213.           ],
214.         ),
215.       ),
216.     );
217.   }
218. }
219.