-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
139 lines (134 loc) · 5.78 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="author" content="Gustavo Becelli do Nacimento" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="google-site-verification"
content="9rmvLURFgYDXbb_gQWgZxoXtVlRyolxFwQtZTZUkaDI"
/>
<!-- FONT, BOOTSTRAP AND CSS -->
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="/public/css/layout.css" />
<link rel="stylesheet" href="./styles.css" />
<title>The Catholic Gallery</title>
<!-- GENERATE NAVBAR -->
<script src="/public/js/navbar.js"></script>
</head>
<body>
<!-- CONTENT -->
<article class="container">
<section id="header">
<h2>Hello brothers and sisters,</h1>
<h1>I present you... The Catholic Gallery!</h2>
</section>
<br /><br />
<section class="row">
<div class="col-lg-6">
<h1>What is this?</h1>
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Blanditiis, delectus officiis eligendi numquam ipsum animi ad
eveniet necessitatibus culpa pariatur inventore amet quae modi? Ea
suscipit iste sapiente quas minima? Lorem ipsum dolor sit amet
consectetur adipisicing elit. Esse perferendis molestias rerum, sunt
enim voluptatem nisi doloribus dolorem eius nulla earum ex modi
incidunt quibusdam ab voluptates saepe debitis veniam! Lorem ipsum,
dolor sit amet consectetur adipisicing elit. Ratione numquam,
molestiae ex tempora at sunt a cupiditate quae omnis ad alias nemo,
rem magnam? Iste non quasi cupiditate fugit aut! Lorem ipsum dolor
sit, amet consectetur adipisicing elit. Ducimus exercitationem
consequuntur suscipit maxime quos ipsum obcaecati accusamus eos
corporis. Dolore perferendis fugit voluptatum reprehenderit alias
magni ipsum aliquam cupiditate amet! Lorem ipsum dolor sit amet,
consectetur adipisicing elit. Fuga maiores totam amet perspiciatis
officiis quaerat, assumenda consequatur fugiat, aliquid, dolorum
animi voluptates sint cumque? Quaerat amet ullam culpa obcaecati
doloribus! Lorem ipsum dolor sit amet consectetur, adipisicing elit.
Delectus ex quo vero aperiam, nam, impedit in assumenda pariatur
quaerat non mollitia officia rerum, expedita nobis omnis ipsam ipsum
corporis. Repellat?
</p>
</div>
<div class="col-lg-6">
<h1>How can i use it?</h1>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus,
laboriosam nostrum, at quidem sed earum quas tempore aperiam dolores
natus rem ex inventore accusantium voluptas est ipsa, molestias
itaque quae! Lorem ipsum dolor sit amet consectetur adipisicing
elit. Esse perferendis molestias rerum, sunt enim voluptatem nisi
doloribus dolorem eius nulla earum ex modi incidunt quibusdam ab
voluptates saepe debitis veniam! Lorem ipsum, dolor sit amet
consectetur adipisicing elit. Ratione numquam, molestiae ex tempora
at sunt a cupiditate quae omnis ad alias nemo, rem magnam? Iste non
quasi cupiditate fugit aut! Lorem ipsum dolor sit, amet consectetur
adipisicing elit. Ducimus exercitationem consequuntur suscipit
maxime quos ipsum obcaecati accusamus eos corporis. Dolore
perferendis fugit voluptatum reprehenderit alias magni ipsum aliquam
cupiditate amet! Lorem ipsum dolor sit amet, consectetur adipisicing
elit. Fuga maiores totam amet perspiciatis officiis quaerat,
assumenda consequatur fugiat, aliquid, dolorum animi voluptates sint
cumque? Quaerat amet ullam culpa obcaecati doloribus! Lorem ipsum
dolor sit amet consectetur, adipisicing elit. Delectus ex quo vero
aperiam, nam, impedit in assumenda pariatur quaerat non mollitia
officia rerum, expedita nobis omnis ipsam ipsum corporis. Repellat?
</p>
</div>
<div class="col-lg-12">
<br>
<h1>Hey, I want to contribute!</h1>
<p><span class="italic">Oh... Really? It will be joyful!</span>
To contribute to this project you have two options, choose your preference:
<h3><span style="color:green">Easiest:</span> Send an email to <span class="italic">[email protected]</span></h3>
<div class="row">
<div class="col-lg-6">
Required:
<ul>
<li>The image or a link to it</li>
<li>Type of content - artwork, photography or yours creation</li>
<li>License (Public Domain, Creative Commons, ...)</li>
</ul>
</div>
<div class="col-lg-6">
Optional:
<ul>
<li>Publishing year</li>
<li>Author name</li>
<li>Suggested tags</li>
</ul>
</div>
</div>
<br>
<h3><span style="color: red">For devs:</span> Create a pull request on
<a href ="https://github.com/thecatholicgallery/thecatholicgallery.github.io#submit-an-image">GitHub</a>,
following the guidelines.</span></h3>
</p>
</div>
</section>
</article>
</body>
<!-- Bootstrap -->
<script src="/public/js/footer.js"></script>
<script
src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN"
crossorigin="anonymous"
></script>
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"
></script>
</html>