CJ Duan commited on
Commit
318fbae
1 Parent(s): 6f710f8
Files changed (2) hide show
  1. about.html +1 -1
  2. css/style_about.css +105 -0
about.html CHANGED
@@ -1,6 +1,6 @@
1
  <html>
2
  <head>
3
- <link rel="stylesheet" href="css/style.css"></link>
4
  <title>About DRC</title>
5
  </head>
6
  <body>
 
1
  <html>
2
  <head>
3
+ <link rel="stylesheet" href="css/style_about.css"></link>
4
  <title>About DRC</title>
5
  </head>
6
  <body>
css/style_about.css ADDED
@@ -0,0 +1,105 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ .container {
6
+ width: 80%;
7
+ margin: 0 auto;
8
+ }
9
+
10
+ .header {
11
+ background-color: #333;
12
+ color: white;
13
+ padding: 20px;
14
+ font-family: Arial, sans-serif;
15
+ font-size: 24px;
16
+ text-align: center;
17
+ }
18
+
19
+
20
+ .footer {
21
+ background-color: #433d3d;
22
+ color: rgb(226, 236, 236);
23
+ padding: 10px;
24
+ font-family: 'Times New Roman', Times, serif;
25
+ font-size: 12px;
26
+ text-align: center;
27
+ }
28
+
29
+ .footer a {
30
+ text-decoration: none;
31
+ color: rgb(238, 243, 243);
32
+ }
33
+
34
+ .nav {
35
+ display: flex;
36
+ color: cyan;
37
+ background-color: #666;
38
+ justify-content: space-between;
39
+ align-items: center;
40
+ padding: 10px;
41
+ }
42
+
43
+ .nav a {
44
+ text-decoration: none;
45
+ color: rgb(238, 243, 243);
46
+ font-family: 'Open Sans', 'Helvetica Neue';
47
+ font-size: 16px;
48
+ }
49
+
50
+ .nav a:hover {
51
+ color: #999;
52
+ }
53
+
54
+ .nav_tech {
55
+ display: flex;
56
+ color: rgb(27, 184, 87);
57
+ background-color: #777;
58
+ justify-content: space-between;
59
+ text-transform: capitalize;
60
+ align-items: center;
61
+ padding: 10px;
62
+ }
63
+
64
+ .nav_tech a {
65
+ text-decoration:none;
66
+ color: rgb(238, 243, 243);
67
+ font-family: 'Open Sans', 'Helvetica Neue';
68
+ font-size: 16px;
69
+ }
70
+
71
+ .nav_tech a:hover {
72
+
73
+ color: #f11;
74
+ }
75
+
76
+ .main {
77
+ display: flex;
78
+ height: 500px;
79
+ margin-top: 1px;
80
+ margin-bottom: 1px;
81
+ }
82
+
83
+
84
+
85
+
86
+ .content {
87
+ background-color: #f1f1f1;
88
+ padding: 20px;
89
+ text-align: justify;
90
+ overflow-y: scroll;
91
+ }
92
+
93
+ .content h2 {
94
+ font-family: Arial, sans-serif;
95
+ font-size: 22px;
96
+ color: #333;
97
+ text-align: center;
98
+ }
99
+
100
+ .content p {
101
+ font-family: 'Times New Roman', Times, serif;
102
+ font-size: 16px;
103
+ color: #333;
104
+ line-height: 1.5;
105
+ }