diff --git a/Website/Archives/.pf/config.json b/Website/Archives/.pf/config.json
new file mode 100644
index 0000000..62a8cf1
--- /dev/null
+++ b/Website/Archives/.pf/config.json
@@ -0,0 +1 @@
+{"WebsiteModeVersion":1,"AsyncResourcesLoading":false,"EnableGlobalSearch":true,"GlobalSearchMode":10,"PublishMode":100,"GlobalSearchCustomServiceUrl":"","BaseStyle":"fluent","BaseType":10,"BaseURL":"https://archive.devsanx.org/","DefaultRedirectLang":"en","DisqusId":"","ExcludedPackages":[],"ForceCookieConsent":false,"GoogleAnalyticsId":"","IncludeAutoRedirectScript":false,"UseGitRepo":false,"GitOriginRepo":"","Languages":["en"],"MetaTags":{},"CustomLabels":{},"Name":"The National Archives","Page365Key":null,"PublicName":"The National Archives","PublishFolderLocation":"","PublishGenerateSitemap":true,"PublishOpenOutputDir":false,"ShowCookieConsent":false,"TryAutoDetectLanguage":false,"PublishUpdateMode":0,"FtpServer":"","FtpServerPort":"","FtpProtocol":null,"FtpUsername":"","FtpPassword":"","FtpStartPath":"","UniqueID":"5e0a7e34-a406-4941-956f-59822e0d68ea-16d6d90b-cb05-4efc-92a4-9dacbbf3feb2","ExcludedFiles":[],"CookieConsentSettings":{"ConsentPopupType":"bar","SettingsPopupType":"bar","SettingsPopupPosition":"right","ConsentPopupPosition":"bottom right","Languages":[]},"AppearanceSettings":{"DefaultCornerRadius":0,"DefaultFontName":null,"Palette":{"black":"#000000","neutralDark":"#201f1e","neutralLight":"#edebe9","neutralLighter":"#f3f2f1","neutralLighterAlt":"#faf9f8","neutralPrimary":"#323130","neutralPrimaryAlt":"#3b3a39","neutralQuaternary":"#d0d0d0","neutralQuaternaryAlt":"#e1dfdd","neutralSecondary":"#605e5c","neutralTertiary":"#a19f9d","neutralTertiaryAlt":"#c8c6c4","themeDark":"#005a9e","themeDarkAlt":"#106ebe","themeDarker":"#004578","themeLight":"#c7e0f4","themeLighter":"#deecf9","themeLighterAlt":"#eff6fc","themePrimary":"#0078d4","themeSecondary":"#2b88d8","themeTertiary":"#71afe5","white":"#ffffff"}}}
\ No newline at end of file
diff --git a/Website/Archives/.pf/favicon.ico b/Website/Archives/.pf/favicon.ico
new file mode 100644
index 0000000..9627a94
Binary files /dev/null and b/Website/Archives/.pf/favicon.ico differ
diff --git a/Website/Archives/.pf/menus.json b/Website/Archives/.pf/menus.json
new file mode 100644
index 0000000..89feb4f
--- /dev/null
+++ b/Website/Archives/.pf/menus.json
@@ -0,0 +1 @@
+[{"Id":"4c2551e489a4492ea953846925184aa4","Items":[{"Image":"","IsMainItem":false,"Items":[],"Link":"https://www.nationalarchives.gov.uk/about/visit-us/","NewWindow":false,"ShowAsButton":true,"Tag":"NOIMG","Title":"Visit"},{"Image":"","IsMainItem":false,"Items":[],"Link":"https://www.nationalarchives.gov.uk/about/visit-us/whats-on/","NewWindow":false,"ShowAsButton":false,"Tag":"NOIMG","Title":"What's on"},{"Image":"","IsMainItem":false,"Items":[],"Link":"https://beta.nationalarchives.gov.uk/explore-the-collection/","NewWindow":false,"ShowAsButton":false,"Tag":"NOIMG","Title":"Explore the collection"},{"Image":"","IsMainItem":false,"Items":[],"Link":"https://www.nationalarchives.gov.uk/help-with-your-research/","NewWindow":false,"ShowAsButton":false,"Tag":"NOIMG","Title":"Help using the archive"},{"Image":"","IsMainItem":false,"Items":[],"Link":"https://www.nationalarchives.gov.uk/education/","NewWindow":false,"ShowAsButton":false,"Tag":"NOIMG","Title":"Education"},{"Image":"","IsMainItem":false,"Items":[],"Link":"https://www.nationalarchives.gov.uk/professional-guidance-and-services/","NewWindow":false,"ShowAsButton":false,"Tag":"NOIMG","Title":"Professional guidance and services"}],"Name":"Navigation","Title":"The National Archives","OverflowText":null,"Icon":"assets://images/TNA.png","LogoHyperlink":"https://nationalarchives.gov.uk","ShowSearchInput":true,"SearchPlaceholderText":"🔎 Search...","SearchButtonText":"Search","SearchNoResultText":"Sorry, no results found.","SearchAbortButtonText":"Cancel"}]
\ No newline at end of file
diff --git a/Website/Archives/.pf/styles.json b/Website/Archives/.pf/styles.json
new file mode 100644
index 0000000..0637a08
--- /dev/null
+++ b/Website/Archives/.pf/styles.json
@@ -0,0 +1 @@
+[]
\ No newline at end of file
diff --git a/Website/Archives/assets/TNA.ico b/Website/Archives/assets/TNA.ico
new file mode 100644
index 0000000..9627a94
Binary files /dev/null and b/Website/Archives/assets/TNA.ico differ
diff --git a/Website/Archives/assets/TNA.png b/Website/Archives/assets/TNA.png
new file mode 100644
index 0000000..f47e118
Binary files /dev/null and b/Website/Archives/assets/TNA.png differ
diff --git a/Website/Archives/assets/tna-horizontal-white-logo.svg b/Website/Archives/assets/tna-horizontal-white-logo.svg
new file mode 100644
index 0000000..d1cb572
--- /dev/null
+++ b/Website/Archives/assets/tna-horizontal-white-logo.svg
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.4.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 249.9 34.5" style="enable-background:new 0 0 249.9 34.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#222222;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:none;}
+	.st3{fill:#FCFCFC;}
+</style>
+<rect class="st0" width="249.9" height="34.3"/>
+<g>
+	<path class="st1" d="M1.2,1.2h48.6v32H1.2V1.2z M0,0v33.1v1.2h50.9v-1.2V0H0z"/>
+	<polygon class="st1" points="13.4,12.3 10,12.3 10,10.4 19,10.4 19,12.3 15.6,12.3 15.6,23.9 13.4,23.9 	"/>
+	<polygon class="st1" points="19.9,10.4 22,10.4 22,16.1 27.3,16.1 27.3,10.4 29.5,10.4 29.5,23.9 27.3,23.9 27.3,18 22,18 22,23.9 
+		19.9,23.9 	"/>
+	<polygon class="st1" points="32,10.4 39.7,10.4 39.7,12.3 34.2,12.3 34.2,16.1 38.8,16.1 38.8,18 34.2,18 34.2,22 39.7,22 
+		39.7,23.9 32,23.9 	"/>
+	<path class="st1" d="M50.9,1.2h49.8h48.6v32H50.9V1.2z M49.7,0v1.2v33.1h100.7V0H49.7z"/>
+	<path class="st1" d="M62.1,10.4h2.4l4,7.9c0.3,0.7,0.7,1.7,1,2.5h0.1c-0.1-1.1-0.2-2.2-0.2-3v-7.4h2.2v13.5h-2.3l-4-7.8
+		c-0.4-0.9-0.7-1.7-1.1-2.6h-0.1c0.1,0.9,0.2,2.1,0.2,3.1v7.2h-2.2C62.1,23.9,62.1,10.4,62.1,10.4z"/>
+	<path class="st1" d="M79.8,18.8l-1.1-3.9c-0.2-0.7-0.3-1.4-0.6-2.4H78c-0.2,1-0.3,1.6-0.5,2.4l-1.1,3.9H79.8z M76.8,10.4h2.7
+		l3.9,13.5h-2.2l-0.9-3.3h-4.1l-0.9,3.3h-2.3L76.8,10.4z"/>
+	<rect class="st2" width="249.9" height="34.3"/>
+	<polygon class="st1" points="85.7,12.3 82.3,12.3 82.3,10.4 91.3,10.4 91.3,12.3 87.9,12.3 87.9,23.9 85.7,23.9 	"/>
+	<rect x="92.4" y="10.4" class="st1" width="2.2" height="13.5"/>
+	<path class="st1" d="M104.8,17.2c0-3.3-1-5-3-5c-2,0-3,1.7-3,5c0,3.3,1,5,3,5C103.8,22.2,104.8,20.5,104.8,17.2 M96.4,17.2
+		c0-4.4,1.9-6.9,5.3-6.9c3.4,0,5.3,2.6,5.3,6.9c0,4.4-1.9,6.9-5.3,6.9C98.3,24.1,96.4,21.5,96.4,17.2"/>
+	<path class="st1" d="M109.1,10.4h2.4l4,7.9c0.3,0.7,0.7,1.7,1,2.5h0.1c-0.1-1.1-0.2-2.2-0.2-3v-7.4h2.2v13.5h-2.3l-4-7.8
+		c-0.4-0.9-0.7-1.7-1.1-2.6H111c0.1,0.9,0.2,2.1,0.2,3.1v7.2h-2.2V10.4z"/>
+	<path class="st1" d="M126.8,18.8l-1.1-3.9c-0.2-0.7-0.3-1.4-0.6-2.4H125c-0.2,1-0.3,1.6-0.5,2.4l-1.1,3.9H126.8z M123.8,10.4h2.7
+		l3.9,13.5h-2.2l-0.9-3.3H123l-0.9,3.3h-2.3L123.8,10.4z"/>
+	<rect class="st2" width="249.9" height="34.3"/>
+	<polygon class="st1" points="131.5,10.4 133.7,10.4 133.7,22 138.9,22 138.9,23.9 131.5,23.9 	"/>
+	<path class="st1" d="M150.4,1.2h98.3v32h-98.3V1.2z M149.2,34.3h100.7V0H149.2V34.3z"/>
+	<path class="st1" d="M166.2,18.8l-1.1-3.9c-0.2-0.7-0.4-1.4-0.6-2.4h-0.1c-0.2,1-0.3,1.6-0.5,2.4l-1.1,3.9H166.2z M163.2,10.4h2.7
+		l3.9,13.5h-2.2l-0.9-3.3h-4.1l-0.9,3.3h-2.3L163.2,10.4z"/>
+	<path class="st1" d="M174.4,17.1c1.6,0,2.1-1,2.1-2.4c0-1.4-0.6-2.4-2.1-2.4h-1.7v4.8H174.4z M170.5,10.4h4c2.9,0,4.2,1.5,4.2,4.1
+		c0,2-0.9,3.5-2.3,3.9v0.1c0.6,0.7,2.5,4.8,3,5v0.3h-2.4c-0.6-0.4-2.3-4.5-2.8-4.9h-1.6v4.9h-2.2L170.5,10.4L170.5,10.4z"/>
+	<path class="st1" d="M182.5,17.1c0,3.4,1.2,5.1,3,5.1c1.8,0,2.5-1.3,2.5-3.3l2.2,0.1c0,0.1,0,0.3,0,0.4c0,2.8-1.4,4.7-4.7,4.7
+		c-3.2,0-5.3-2.4-5.3-7c0-4.4,2.1-6.9,5.3-6.9c4.1,0,4.7,2.9,4.7,4.5c0,0.2,0,0.4,0,0.6l-2.2,0.1c0-2.1-0.7-3.3-2.5-3.3
+		C183.7,12.1,182.5,13.8,182.5,17.1"/>
+	<polygon class="st1" points="192,10.4 194.2,10.4 194.2,16.1 199.4,16.1 199.4,10.4 201.6,10.4 201.6,23.9 199.4,23.9 199.4,18 
+		194.2,18 194.2,23.9 192,23.9 	"/>
+	<rect x="204.5" y="10.4" class="st1" width="2.2" height="13.5"/>
+	<path class="st1" d="M208.5,10.4h2.3l2,7.8c0.3,1.2,0.5,2.3,0.7,3.5h0.2c0.2-1.3,0.4-2.3,0.7-3.5l2-7.8h2.3l-3.8,13.5h-2.6
+		L208.5,10.4z"/>
+	<polygon class="st3" points="220.2,10.4 227.9,10.4 227.9,12.3 222.4,12.3 222.4,16.1 227,16.1 227,18 222.4,18 222.4,21.9 
+		227.9,21.9 227.9,23.9 220.2,23.9 	"/>
+	<path class="st3" d="M231.3,19.3c0,0.2,0,0.3,0,0.5c0,1.2,0.5,2.3,2.1,2.3c1.4,0,2.1-0.7,2.1-1.8c0-1-0.4-1.5-1.4-1.9l-2.2-0.8
+		c-1.5-0.6-2.7-1.5-2.7-3.6c0-2.2,1.5-3.8,4.2-3.8c3.4,0,4.1,2.3,4.1,3.7c0,0.2,0,0.4-0.1,0.7l-2.1,0c0-0.1,0-0.3,0-0.5
+		c0-1.1-0.4-2-1.9-2c-1.3,0-1.9,0.8-1.9,1.8c0,1.1,0.6,1.6,1.4,1.9l2.2,0.8c1.7,0.6,2.7,1.7,2.7,3.6c0,2.3-1.5,3.9-4.4,3.9
+		c-3.7,0-4.3-2.5-4.3-4.1c0-0.2,0-0.4,0.1-0.6L231.3,19.3z"/>
+</g>
+</svg>
diff --git a/Website/Archives/index.page b/Website/Archives/index.page
new file mode 100644
index 0000000..3baedd2
--- /dev/null
+++ b/Website/Archives/index.page
@@ -0,0 +1,163 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<pf:Page xmlns:pf="http://schemas.getpagefabric.com/2020/pageDefinition" id="7e5944b4-52be-4f06-91d6-046a09b5a20d">
+<pf:Variants>
+<pf:Variant lang='en'>
+<pf:PageLayoutProperties><![CDATA[]]></pf:PageLayoutProperties>
+<pf:PageModifiedDate><![CDATA[2024-10-31T18:48:02]]></pf:PageModifiedDate>
+<pf:PageTitle><![CDATA[]]></pf:PageTitle>
+<pf:PageLayout><![CDATA[default]]></pf:PageLayout>
+<pf:PageTemplate><![CDATA[]]></pf:PageTemplate>
+<pf:PageOGImage><![CDATA[]]></pf:PageOGImage>
+<pf:PageOGTitle><![CDATA[]]></pf:PageOGTitle>
+<pf:PageOGDescription><![CDATA[]]></pf:PageOGDescription>
+<pf:PageMetaDescription><![CDATA[]]></pf:PageMetaDescription>
+<pf:PageMetaKeywords><![CDATA[]]></pf:PageMetaKeywords>
+<pf:VisualNotesData><![CDATA[]]></pf:VisualNotesData>
+<pf:PageHeader>
+<![CDATA[
+
+<div class="pfBox height-180 padding-0"><div class="pfBox syncWithContentWidth">
+</div><div class="pfBox padding-5 text-white background-primary">
+    <div class="boxContent">
+      <p style="text-align: center;"><strong>READING ROOM CLOSURE </strong>On 11 December our reading rooms will be closed. The café, shop, and library will remain open. Sorry for any inconvenience caused.</p>
+      </div>
+    </div><pfhnav class="pfHNav hideIcon syncWithContentWidth" menuid="4c2551e489a4492ea953846925184aa4"></pfhnav>
+
+
+<div class="pfBox columns-halign-center bgImgFill background-neutralLighter boxdecoration-default content-vertical-align-default content-horizontal-align-default height-105 width-auto" style=""><div class="pfCardContainer cardsColumns columns-50 syncWithContentWidth columns-valign-center columns-halign-default margin-0 height-75">
+           
+    <div class="pfCard content-vertical-align-center padding-10">
+    <div editor-selectable="false" class="cardPlaceholder">
+      <div editor-selectable="false" class="cardContent">
+        
+      <p editor-selectable="false"></p><div class="pfStackPanel stack-vertical space-10"><h1 class="text-primary">
+    Explore</h1><article class="text-align-default">
+    <p>1,000 years of history</p>
+    </article><div class="pfStackPanel stack-horizontal space-20 content-horizontal-align-default"><a class="pfButton button-primay button-size-default">Help with your research</a><a class="pfButton button-white button-size-default">Search the catalogue</a><a class="pfButton button-white button-size-default">Plan your visit</a></div></div></div>
+    </div>
+  </div>
+<div class="pfCard padding-30" editor-selectable="false">
+  <div editor-selectable="false" class="cardContent">
+    <img src="assets://images/TNA.png" class="img-colors-5">
+  </div>
+</div>
+</div>
+              
+          
+        
+      </div></div>
+
+]]>
+</pf:PageHeader>
+<pf:LeftSide>
+<![CDATA[]]>
+</pf:LeftSide>
+<pf:RightSide>
+<![CDATA[]]>
+</pf:RightSide>
+<pf:PageContent>
+<![CDATA[
+
+<div class="pfBox height-260"><div class="pfBox background-trans height-auto"><div class="pfCardContainer cardsColumns columns-100"><div class="pfCard boxdecoration-none content-horizontal-align-center content-vertical-align-center background-neutralLighter padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    
+    <div editor-selectable="false" class="cardContent heightSizeToContent"><div class="pfBox content-horizontal-align-default height-260 content-vertical-align-center" style="background-position:50%"><div class="pfStackPanel stack-vertical space-20 content-horizontal-align-center"><h4>
+    New podcast episode: Second World War – legacies, language and diaspora</h4><article class="text-align-center">
+    <p>In this episode of On the Record, host Chloe Lee speaks with Iqbal Singh...</p>
+    </article><div class="pfStackPanel stack-horizontal space-20"><a class="pfButton button-primay">button text</a><a class="pfButton button-primay">button text</a></div></div></div></div>
+  </div>
+  </div>
+</div></div></div><div class="pfCardContainer cardsColumns columns-33"><div class="pfCard boxdecoration-none content-horizontal-align-center content-vertical-align-center background-neutralLighter padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    
+    <div editor-selectable="false" class="cardContent heightSizeToContent"><div class="pfBox height-fill content-horizontal-align-default content-vertical-align-default"><div class="pfStackPanel stack-vertical space-20 content-horizontal-align-center"><h4>
+    Saul Nassé presents first Archive Service Accreditation certificate</h4><article class="text-align-center">
+    <p>Our Chief Executive and Keeper, Saul Nassé, has presented his first Archive Service Accreditation...</p>
+    </article><a class="pfButton button-primay">button text</a></div></div></div>
+  </div>
+  </div>
+</div><div class="pfCard boxdecoration-none content-horizontal-align-center content-vertical-align-center background-neutralLighter padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    
+    <div editor-selectable="false" class="cardContent heightSizeToContent"><div class="pfBox height-fill content-horizontal-align-default content-vertical-align-default"><div class="pfStackPanel stack-vertical space-20 content-horizontal-align-center"><h4>
+    List of people summoned to the 1265 Parliament</h4><article class="text-align-center">
+    <p>This document records the first time that citizens outside of the elites were called...</p>
+    </article><a class="pfButton button-primay">button text</a></div></div></div>
+  </div>
+  </div>
+</div><div class="pfCard boxdecoration-none content-horizontal-align-center content-vertical-align-center background-neutralLighter padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    
+    <div editor-selectable="false" class="cardContent heightSizeToContent"><div class="pfBox height-fill content-horizontal-align-default content-vertical-align-default"><div class="pfStackPanel stack-vertical space-20 content-horizontal-align-center"><h4>
+    The National Archives wins £1.3m award to create centre of excellence for heritage science</h4><article class="text-align-center">
+    <p>The National Archives has won prestigious funding to upgrade its analytical research laboratory creating...</p>
+    </article><a class="pfButton button-primay">button text</a></div></div></div>
+  </div>
+  </div>
+</div></div></div>
+
+]]>
+</pf:PageContent>
+<pf:PageFooter>
+<![CDATA[
+<div class="pfBox">
+<div class="pfCardContainer cardsColumns columns-25" data-datasource="test1"><div class="pfCard boxdecoration-default background-trans padding-0 content-vertical-align-default content-horitontal-align-default">
+          <div editor-selectable="false" class="cardPlaceholder">
+            <div editor-selectable="false" class="cardContent">
+			
+      
+            <div class="pfStackPanel stack-vertical space-20"><h4>
+    Lorem ipsum dolor sit amet
+    </h4><article>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante nec tortor euismod sodales.</p>
+    </article></div></div>
+          </div>
+        </div><div class="pfCard boxdecoration-default background-white padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    
+    <div class="pfBox background-primary bgImgFill height-180" style="background-position:0px 0px"></div><div editor-selectable="false" class="cardContent heightSizeToContent">
+    
+    <div class="pfStackPanel stack-vertical space-10 content-horizontal-align-left"><h4>
+    Lorem ipsum</h4><article>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante nec tortor euismod sodales.</p>
+    </article><a class="pfButton button-goto button-arrow-right">button text</a></div></div>
+  </div>
+  </div>
+</div><div class="pfCard boxdecoration-default background-white padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    <div class="pfBox background-primary bgImgFill height-180" style="background-position:0px 0px"></div>
+    <div editor-selectable="false" class="cardContent heightSizeToContent">
+    
+    <div class="pfStackPanel stack-vertical space-10 content-horizontal-align-left"><h4>
+    Lorem ipsum</h4><article>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante nec tortor euismod sodales.</p>
+    </article><a class="pfButton button-goto button-arrow-right">button text</a></div></div>
+  </div>
+  </div>
+</div><div class="pfCard boxdecoration-default background-white padding-15">
+  <div editor-selectable="false" class="cardPlaceholder">
+  <div class="cardFill">
+    <div class="pfBox background-primary bgImgFill height-180" style="background-position:0px 0px"></div>
+    <div editor-selectable="false" class="cardContent heightSizeToContent">
+    
+    <div class="pfStackPanel stack-vertical space-10 content-horizontal-align-left"><h4>
+    Lorem ipsum</h4><article>
+    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a ante nec tortor euismod sodales.</p>
+    </article><a class="pfButton button-goto button-arrow-right">button text</a></div></div>
+  </div>
+  </div>
+</div></div>
+</div>
+]]>
+</pf:PageFooter>
+</pf:Variant>
+</pf:Variants>
+<pf:Notes>
+</pf:Notes>
+</pf:Page>
diff --git a/Website/Archives/readme.page b/Website/Archives/readme.page
new file mode 100644
index 0000000..ff630f0
--- /dev/null
+++ b/Website/Archives/readme.page
@@ -0,0 +1,295 @@
+<?xml version="1.0" encoding="utf-8" ?>
+<pf:Page xmlns:pf="http://schemas.getpagefabric.com/2020/pageDefinition" id="947e0a04-405a-4a9b-9d70-23a4f5fabea3">
+<pf:Variants>
+<pf:Variant lang='en-US'>
+<pf:PageLayoutProperties><![CDATA[pageMedium]]></pf:PageLayoutProperties>
+<pf:PageModifiedDate><![CDATA[2024-10-31T14:30:07]]></pf:PageModifiedDate>
+<pf:PageTitle><![CDATA[Welcome to PageFabric]]></pf:PageTitle>
+<pf:PageLayout><![CDATA[default]]></pf:PageLayout>
+<pf:PageTemplate><![CDATA[]]></pf:PageTemplate>
+<pf:PageOGImage><![CDATA[]]></pf:PageOGImage>
+<pf:PageOGTitle><![CDATA[]]></pf:PageOGTitle>
+<pf:PageOGDescription><![CDATA[]]></pf:PageOGDescription>
+<pf:PageMetaDescription><![CDATA[]]></pf:PageMetaDescription>
+<pf:PageMetaKeywords><![CDATA[]]></pf:PageMetaKeywords>
+<pf:VisualNotesData><![CDATA[]]></pf:VisualNotesData>
+<pf:PageHeader>
+<![CDATA[
+&nbsp;
+]]>
+</pf:PageHeader>
+<pf:LeftSide>
+<![CDATA[]]>
+</pf:LeftSide>
+<pf:RightSide>
+<![CDATA[]]>
+</pf:RightSide>
+<pf:PageContent>
+<![CDATA[
+
+<div class="pfBox background-primary"><div class="pfCardContainer cardsColumns columns-50 columns-valign-fill height-260">
+           
+    <div class="pfCard padding-20 content-vertical-align-center">
+    <div editor-selectable="false" class="cardPlaceholder">
+      <div editor-selectable="false" class="cardContent">
+        <h1 class="text-white text-white">
+    Sanx Archives</h1>
+      </div>
+    </div>
+  </div>
+<div class="pfCard padding-30" editor-selectable="false">
+  <div editor-selectable="false" class="cardContent"></div>
+</div>
+</div></div>
+              
+          
+        
+      <h1>
+    Your typography</h1><p>
+    Your content will look perfect with these styles.</p><div class="pfCardContainer cardsColumns columns-20"><div class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h1>Abc</h1>
+    <p>
+    Heading level 1</p></div>
+  </div>
+</div><div class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h2 class="">Abc</h2>
+    <p>
+    Heading level 2</p></div>
+  </div>
+</div><div class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h3 class="">Abc</h3>
+    <p>
+    Heading level 3</p></div>
+  </div>
+</div><div class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h4 class="">Abc</h4>
+    <p>
+    Heading level 4</p></div>
+  </div>
+</div><div class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h5 class="">Abc</h5>
+    <p>
+    Heading level 5</p></div>
+  </div>
+</div></div><h1>
+    Your colors</h1><p>
+    Here are your Theme colors. Good choice!</p><div class="pfCardContainer cardsColumns height-105 columns-20"><div class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <div class="pfBox background-dark height-105">&nbsp;</div><article>
+      <p>Theme Dark Color</p>
+      </article>
+    </div>
+  </div>
+</div><div class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <div class="pfBox background-primary height-105">&nbsp;</div><article>
+      <p>Theme Primary</p>
+      </article>
+    </div>
+  </div>
+</div><div class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <div class="pfBox background-themeSecondary height-105">&nbsp;</div><article>
+      <p>Theme Secondary</p>
+      </article>
+    </div>
+  </div>
+</div><div class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <div class="pfBox background-themeLight height-105">&nbsp;</div><article>
+      <p>Theme Light</p>
+      </article>
+    </div>
+  </div>
+</div><div class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <div class="pfBox background-themeLighter height-105">&nbsp;</div><article>
+      <p>Theme Lighter</p>
+      </article>
+    </div>
+  </div>
+</div></div>
+
+]]>
+</pf:PageContent>
+<pf:PageFooter>
+<![CDATA[
+
+<div class="pfBox content-horizontal-align-center background-trans padding-25"><p class="text-tertiary">
+    Thank you so much for using PageFabric!</p></div>
+
+]]>
+</pf:PageFooter>
+</pf:Variant>
+<pf:Variant lang='fr-FR'>
+<pf:PageLayoutProperties><![CDATA[pageMedium]]></pf:PageLayoutProperties>
+<pf:PageModifiedDate><![CDATA[2024-10-31T13:44:03]]></pf:PageModifiedDate>
+<pf:PageTitle><![CDATA[]]></pf:PageTitle>
+<pf:PageLayout><![CDATA[default]]></pf:PageLayout>
+<pf:PageTemplate><![CDATA[]]></pf:PageTemplate>
+<pf:PageOGImage><![CDATA[]]></pf:PageOGImage>
+<pf:PageOGTitle><![CDATA[]]></pf:PageOGTitle>
+<pf:PageOGDescription><![CDATA[]]></pf:PageOGDescription>
+<pf:PageMetaDescription><![CDATA[]]></pf:PageMetaDescription>
+<pf:PageMetaKeywords><![CDATA[]]></pf:PageMetaKeywords>
+<pf:VisualNotesData><![CDATA[]]></pf:VisualNotesData>
+<pf:PageHeader>
+<![CDATA[]]>
+</pf:PageHeader>
+<pf:LeftSide>
+<![CDATA[]]>
+</pf:LeftSide>
+<pf:RightSide>
+<![CDATA[]]>
+</pf:RightSide>
+<pf:PageContent>
+<![CDATA[
+
+
+<section class="pfBox background-primary"><section class="pfCardContainer cardsColumns columns-50 columns-valign-fill height-260">
+           
+    <section class="pfCard padding-20 content-vertical-align-center">
+    <div editor-selectable="false" class="cardPlaceholder">
+      <div editor-selectable="false" class="cardContent">
+        <h1 class=" text-white   text-white">
+    Hey! Welcome to your new WebSite!
+    </h1>
+      </div>
+    </div>
+  </section>
+<section class="pfCard padding-30" editor-selectable="false">
+  <div editor-selectable="false" class="cardContent"></div>
+</section>
+</section></section>
+              
+          
+        
+      <h1>
+    Your typography</h1><p>
+    Your content will look perfect with these styles.</p><section class="pfCardContainer cardsColumns columns-20"><section class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h1>Abc</h1>
+    <p>
+    Heading level 1</p></div>
+  </div>
+</section><section class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h2 class=" ">Abc</h2>
+    <p>
+    Heading level 2</p></div>
+  </div>
+</section><section class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h3 class=" ">Abc</h3>
+    <p>
+    Heading level 3</p></div>
+  </div>
+</section><section class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h4 class=" ">Abc</h4>
+    <p>
+    Heading level 4</p></div>
+  </div>
+</section><section class="pfCard padding-10 boxdecoration-default background-neutralLighter content-vertical-align-center content-horitontal-align-left">
+  <div editor-selectable="false" class="cardPlaceholder">
+    <div editor-selectable="false" class="cardContent cardFill">
+      
+      <h5 class="  ">Abc</h5>
+    <p>
+    Heading level 5</p></div>
+  </div>
+</section></section><h1>
+    Your colors</h1><p>
+    Here are your Theme colors. Good choice!</p><section class="pfCardContainer cardsColumns height-105 columns-20"><section class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <section class="pfBox background-dark height-105"></section><article>
+      <p>Theme Dark Color</p>
+      </article>
+    </div>
+  </div>
+</section><section class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <section class="pfBox background-primary height-105"></section><article>
+      <p>Theme Primary</p>
+      </article>
+    </div>
+  </div>
+</section><section class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <section class="pfBox background-themeSecondary height-105"></section><article>
+      <p>Theme Secondary</p>
+      </article>
+    </div>
+  </div>
+</section><section class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <section class="pfBox background-themeLight height-105"></section><article>
+      <p>Theme Light</p>
+      </article>
+    </div>
+  </div>
+</section><section class="pfCard content-vertical-align-center background-trans content-horitontal-align-left padding-0">
+  <div class="cardPlaceholder">
+    <div class="cardContent cardFill">
+    <section class="pfBox background-themeLighter height-105"></section><article>
+      <p>Theme Lighter</p>
+      </article>
+    </div>
+  </div>
+</section></section>
+
+
+]]>
+</pf:PageContent>
+<pf:PageFooter>
+<![CDATA[
+
+
+<section class="pfBox content-horizontal-align-center background-trans padding-25"><p class="text-tertiary">
+    Thank you so much for using PageFabric!</p></section>
+
+
+]]>
+</pf:PageFooter>
+</pf:Variant>
+</pf:Variants>
+<pf:Notes>
+<pf:Note>
+<pf:Content><![CDATA[Use this page as an example to build the WebSite.]]></pf:Content>
+<pf:ColorIndex><![CDATA[0]]></pf:ColorIndex>
+<pf:Date><![CDATA[19/06/2020]]></pf:Date>
+</pf:Note>
+</pf:Notes>
+</pf:Page>