1
+ @page " /containers"
2
+ @using QD .Components .Semantic .Enums .Container
3
+
4
+ <h1 >Containers</h1 >
5
+
6
+ <h2 >Standard Container</h2 >
7
+ <Container >
8
+ <p >
9
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
10
+ ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
11
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
12
+ ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
13
+ quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
14
+ arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
15
+ Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
16
+ dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
17
+ Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
18
+ Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
19
+ viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
20
+ Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
21
+ </p >
22
+ </Container >
23
+
24
+ <h2 >Text Container</h2 >
25
+ <Container text >
26
+ <h2 class =" ui header" >Header</h2 >
27
+ <p >
28
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
29
+ ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
30
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
31
+ ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
32
+ quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
33
+ arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
34
+ Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
35
+ dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
36
+ Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
37
+ Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
38
+ viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
39
+ Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
40
+ </p >
41
+ <p >
42
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
43
+ ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
44
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
45
+ ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
46
+ quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
47
+ arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
48
+ Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
49
+ dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus.
50
+ Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
51
+ Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus
52
+ viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet.
53
+ Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi.
54
+ </p >
55
+ </Container >
56
+
57
+ <h2 >Text alignment</h2 >
58
+ <div >
59
+ <Container textAlign =" @TextAlign.Left" >Left Aligned</Container >
60
+ <Container textAlign =" @TextAlign.Center" >Center Aligned</Container >
61
+ <Container textAlign =" @TextAlign.Right" >Right Aligned</Container >
62
+ <Container textAlign =" @TextAlign.Justified" >
63
+ <b >Justified</b >
64
+ <div class =" ui divider" ></div >
65
+ <p >
66
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
67
+ ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
68
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
69
+ ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
70
+ quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
71
+ arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
72
+ Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
73
+ dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
74
+ tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
75
+ enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
76
+ Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
77
+ imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
78
+ ultricies nisi.
79
+ </p >
80
+ <p >
81
+ Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo
82
+ ligula eget dolor. Aenean massa strong. Cum sociis natoque penatibus et
83
+ magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis,
84
+ ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa
85
+ quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget,
86
+ arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
87
+ Nullam dictum felis eu pede link mollis pretium. Integer tincidunt. Cras
88
+ dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend
89
+ tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac,
90
+ enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.
91
+ Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean
92
+ imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper
93
+ ultricies nisi.
94
+ </p >
95
+ </Container >
96
+ </div >
97
+
98
+ <h2 >Fluid</h2 >
99
+ <div >
100
+ <Container fluid >
101
+ <h2 class =" ui header" >Dogs Roles with Humans</h2 >
102
+ <p >
103
+ Domestic dogs inherited complex behaviors, such as bite inhibition, from
104
+ their wolf ancestors, which would have been pack hunters with complex
105
+ body language. These sophisticated forms of social cognition and
106
+ communication may account for their trainability, playfulness, and
107
+ ability to fit into human households and social situations, and these
108
+ attributes have given dogs a relationship with humans that has enabled
109
+ them to become one of the most successful species on the planet today.
110
+ </p >
111
+ <p >
112
+ The dogs' value to early human hunter-gatherers led to them quickly
113
+ becoming ubiquitous across world cultures. Dogs perform many roles for
114
+ people, such as hunting, herding, pulling loads, protection, assisting
115
+ police and military, companionship, and, more recently, aiding
116
+ handicapped individuals. This impact on human society has given them the
117
+ nickname "man's best friend" in the Western world. In some cultures,
118
+ however, dogs are also a source of meat.
119
+ </p >
120
+ </Container >
121
+ </div >
0 commit comments