index.html

<?xml version="1.0" encoding="UTF-8"?>
<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <section class="bg-dark">
        <div class="container">
            <div class="col-12 mx-auto" id="intro_manuforma">
                <h1>manuForma</h1>
                <p class="lead col-12 col-lg-7">The manuForma application is designed to make TEI record creation and distributed editing faster and easier.</p>
                <p>Choose one of these forms to create and edit TEI records.</p>
            </div>
        </div>
    </section>
    <div class="d-md-flex flex-md-equal w-100 ps-md-3 bg-dark">
        <div class="bg-dark me-md-3 px-3 px-md-5 text-white overflow-hidden">
			<div id="homemenu" class="container">
				<div class="row pb-5">
					<div class="col-lg col-md-4 col-6"><div class="blochome">
					<object width="60" height="60" class="logo-filtered" data="resources/images/hn/ico_manuscripts.svg" type="image/svg+xml"></object>
					<h2>Manuscripts</h2>
					<p><a href="form.xq?form=forms/msSimple/index.xhtml" type="button_fleche">Start <i class="bi bi-arrow-right"></i></a></p>
					</div></div>
					<div class="col-lg col-md-4 col-6"><div class="blochome">
					<object width="60" height="60" class="logo-filtered" data="resources/images/hn/ico_peoples.svg" type="image/svg+xml"></object>
					<h2>Persons</h2>
					<p><a href="form.xq?form=forms/personTEI/index.xhtml" type="button_fleche">Start <i class="bi bi-arrow-right"></i></a></p>
					</div></div>
					<div class="col-lg col-md-4 col-6"><div class="blochome">
					<object width="60" height="60" class="logo-filtered" data="resources/images/hn/ico_places.svg" type="image/svg+xml"></object>
					<h2>Places</h2>
					<p><a href="form.xq?form=forms/placeTEI/index.xhtml" type="button_fleche">Start <i class="bi bi-arrow-right"></i></a></p>
					</div></div>
					<div class="col-lg col-md-4 col-6"><div class="blochome">
					<object width="60" height="60" class="logo-filtered" data="resources/images/hn/ico_works.svg" type="image/svg+xml"></object>
					<h2>Works</h2>
					<p><a href="form.xq?form=forms/worksTEI/index.xhtml" type="button_fleche">Start <i class="bi bi-arrow-right"></i></a></p>
					</div></div>
					<div class="col-lg col-md-4 col-6"><div class="blochome">
					<object width="60" height="60" class="logo-filtered" data="resources/images/hn/ico_relations.svg" type="image/svg+xml"></object>
					<h2>Relations</h2>
					<p><a href="form.xq?form=forms/relationTEI/index.xhtml" type="button_fleche">Start <i class="bi bi-arrow-right"></i></a></p>
					</div></div>
				</div>
			</div>
        </div>
    </div>
    <section id="hometext_bottom" class="px-3 row grayed">
        <div class="col-md-5 col-12 px-5">
            <p>The manuForma application was created for the ERC-funded project "MAJLIS – The Transformation of Jewish Literature in Arabic in the Islamicate World."
            <br/><a href="https://www.jewisharabiccultures.fak12.uni-muenchen.de/majlis/">Learn more about MAJLIS</a>.</p>
        </div>
        <div id="logoszone" class="col-md-7 col-12 text-end">
			<img src="resources/images/hn/logo-lmu.svg" />
			<img src="resources/images/hn/logo-erc.png" />
        </div>
    </section>
</div>