repl.it
@Christopher_Joh/

stKentsHouse-task-1

HTML, CSS, JS

sample web development task

fork
loading
Files
  • index.html
  • 1 ReadMe.md
  • A - stk house prototype.png
  • A - style planner.md
  • A- wireframe.png
  • CSS-houseStyle.css
  • IMG-columba.png
  • IMG-kentigern.png
  • IMG-ninian.png
  • yerMaw.png
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
<!DOCTYPE html>
<html>

<head>
	<title>stKentsHouses</title>
	<link rel="stylesheet" type="text/css" href="houseStyle.css">
</head>
<style>
    //THIS PART IS FOR DIVS AND CSS//
 #Section1
    








    //THIS PART IS FOR DIVS AND CSS//

</style>

<body>
  
   <div id = "Section1">
<h1>St. Kentigerns Academy</h1>
</div>

  <img src = "IMG-kentigern.png">
<h2>The Houses</h2>
<ul>
<li>Columba</li>
<li>Ninian</li>
<li>Margaret</li>
</ul>       
      
 <p>
   Saint Columba (Irish Colm Cille, "Columb of the Church"; 7 December, 521–9 June, 597) was an Irish priest and missionary. He left Ireland in 563 AD on his mission to bring Christianity to Dál Riata, now western Scotland. He built the famous monastery on the Island of Iona which became known as a "holy island'.
 <p/>
 <img src = "IMG-columba.png">
    
<p>
  St Margaret was canonised in 1251 by Pope Innocent IV. The Roman Catholic church used to mark the feast of Saint Margaret of Scotland on 10 June, but the date was changed to 16 November following reforms in 1972. Edinburgh's Queen Margaret University College, founded in 1875, is named after her.
</p>
 <img src = "yerMaw.png">
    

    <p>
Ninian. Ninian is a Christian saint first mentioned in the 8th century as being an early missionary among the Pictish peoples of what is now Scotland. ... Ninian's major shrine was at Whithorn in Galloway, where he is associated with the Candida Casa (Latin for 'White House').
</p>
<img src = "IMG-ninian.png">

   
   


 








  <!-- do NOT add content outside body area -->
</body>

</html>
result
console