premier commit
This commit is contained in:
commit
ee7799f51b
GPG Key ID:
194A92D1103ACB2A
|
|
@ -0,0 +1,38 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Anna Uetwiller - Architecte</title>
|
||||
<meta content="">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<style></style>
|
||||
</head>
|
||||
<body>
|
||||
<ul id="navbar">
|
||||
<li><img id="logo" src="logo.svg"></li>
|
||||
<li><a href="#">Accueil</a></li>
|
||||
<li><a href="#">Réalisation de plans 2S</a></li>
|
||||
<li><a href="#">Modélisation 3D</a></li>
|
||||
<li><a href="#">CV</a></li>
|
||||
<li><a href="#">Contact</a></li>
|
||||
</ul>
|
||||
<div id="title">
|
||||
<h1>Anna Uetwiller</h1>
|
||||
<h2>Architecte - Dessinatrice</h2>
|
||||
</div>
|
||||
<div id="content">
|
||||
<h3>Modélisation 3D de l'extérieur</h3>
|
||||
<div class="galery">
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
</div>
|
||||
<h3>Modélisation 3D de l'intérieur</h3>
|
||||
<div class="galery">
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
<a href="https://picsum.photos/3000/2000?blur"><img src="https://picsum.photos/300/200?blur"></a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,66 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="141.03268mm"
|
||||
height="143.99339mm"
|
||||
viewBox="0 0 141.03268 143.99339"
|
||||
version="1.1"
|
||||
id="svg8"
|
||||
inkscape:version="0.92.5 (2060ec1f9f, 2020-04-08)"
|
||||
sodipodi:docname="logo.svg">
|
||||
<defs
|
||||
id="defs2" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.7"
|
||||
inkscape:cx="62.439303"
|
||||
inkscape:cy="496.53356"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1005"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1" />
|
||||
<metadata
|
||||
id="metadata5">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-27.577914,-142.64614)">
|
||||
<path
|
||||
style="fill:#bbbe93;fill-opacity:1;stroke-width:0.05157809"
|
||||
d="m 27.641054,286.59572 -0.06314,-0.042 0.01277,-7.33827 0.01277,-7.33827 12.252173,-0.0133 12.252174,-0.0133 v -0.0833 -0.0833 l -12.242519,-47.92697 -12.242521,-47.92692 0.0311,-0.0528 0.0311,-0.0528 h 32.63591 32.635913 v 0.066 0.066 l -12.398481,13.00113 -12.398474,13.00112 -4.5492,17.81619 -4.549196,17.81618 0.03767,0.0395 0.03767,0.0395 16.989974,-4.77033 16.989977,-4.77034 1.5559,-1.63088 1.5559,-1.63089 0.0513,0.0538 0.0513,0.0538 0.0128,5.91304 0.0128,5.91305 11.405596,0.0133 11.4056,0.0133 0.0399,0.0659 0.0399,0.0659 7.6e-4,10.03779 7.6e-4,10.03779 -0.0604,0.0634 -0.0604,0.0634 -21.031426,-7.9e-4 -21.03143,-7.9e-4 -0.06278,-0.0418 -0.06278,-0.0418 -0.01277,-7.3385 -0.01277,-7.3385 h -1.737802 -1.737719 v 9.21649 9.21649 h 24.655451 24.655456 v -25.85377 -25.85371 l -5.67907,-0.0134 -5.67906,-0.0134 v -0.0659 -0.0659 l 15.80335,-16.57108 15.80338,-16.57112 h 12.77547 12.77546 l 0.0306,0.0835 0.0306,0.0836 v 7.2474 7.24739 l -0.0604,0.0634 -0.0604,0.0634 h -12.20143 -12.20135 l -0.0258,0.0439 -0.0259,0.0439 4.85428,18.9833 4.85427,18.9833 5.42227,21.20585 5.42226,21.20586 1.98866,7.77763 1.98867,7.77764 -0.0309,0.0524 -0.0309,0.0524 -70.399806,-7.9e-4 -70.399802,-8e-4 -0.06314,-0.042 z M 168.48648,271.758 l -0.0338,-0.0921 -6.1631,-24.11076 -6.1631,-24.11077 -3.7058,-14.5056 -3.70581,-14.50561 v -0.11138 -0.11138 h 9.91724 9.91723 l 0.0306,0.0836 0.0306,0.0836 v 38.70711 38.70711 l -0.0451,0.0292 -0.0451,0.0292 z m -140.845248,-3.63941 -0.06296,-0.0266 v -38.78941 -38.78937 h 0.04842 0.04842 l 0.0708,0.25088 0.0708,0.25088 9.835905,38.48482 9.835904,38.48481 -0.03092,0.0845 -0.03092,0.0845 -9.861243,-0.004 -9.861244,-0.004 -0.06296,-0.0266 z m 72.249632,-35.12325 -0.0336,-0.0352 v -5.99871 -5.9987 l 3.941696,-4.13328 3.94171,-4.13327 h 5.72369 5.72368 l 0.0306,0.0836 0.0306,0.0836 v 10.02026 10.02027 l -0.0605,0.0634 -0.0604,0.0634 h -9.60194 -9.601946 z m -35.763869,-0.74639 -0.02739,-0.0465 3.423996,-13.43711 3.42399,-13.43711 0.05332,-0.17165 0.05332,-0.17165 h 0.03392 0.03392 l 9.507031,9.96918 9.507032,9.96918 v 0.0339 0.0339 l -0.08371,0.0337 -0.0837,0.0337 -12.823263,3.59239 -12.823258,3.59239 -0.08391,0.0261 -0.08391,0.0261 z M 83.14743,212.3132 73.262633,201.9479 v -0.0792 -0.0792 l 16.13059,-16.91448 16.130587,-16.91447 h 0.0504 0.0504 l 9.90999,10.39171 9.90998,10.39171 v 0.0528 0.0528 l -16.13062,16.91447 -16.130586,16.91447 h -0.0756 -0.0756 z m 34.90547,-36.60188 -9.8848,-10.3653 v -0.0793 -0.0793 l 4.89845,-5.13631 4.89845,-5.13631 h 0.0755 0.0755 l 9.8848,10.3653 9.8848,10.3653 v 0.0793 0.0793 l -4.89845,5.13631 -4.89845,5.13631 h -0.0755 -0.0755 z m 12.46624,-13.0721 -9.90998,-10.39171 v -0.0545 -0.0545 l 2.53102,-2.64344 2.53103,-2.64343 0.48858,-0.45104 0.48859,-0.45103 0.42739,-0.33526 0.42739,-0.33525 0.54471,-0.35883 0.54472,-0.35884 0.70516,-0.36415 0.70516,-0.36415 0.65479,-0.24902 0.6548,-0.24901 0.75703,-0.20086 0.75704,-0.20086 0.52736,-0.0837 0.52737,-0.0837 0.79909,-0.0599 0.79908,-0.0599 0.8379,0.0602 0.83789,0.0602 0.60442,0.10391 0.60443,0.10391 0.62961,0.16617 0.6296,0.16617 0.62961,0.2385 0.62961,0.2385 0.61677,0.30643 0.61678,0.30643 0.60655,0.37636 0.60654,0.37637 0.58995,0.46686 0.58995,0.46687 0.43049,0.41505 0.43048,0.41506 0.38879,0.42713 0.3888,0.42713 0.35359,0.46213 0.3536,0.46213 0.34189,0.53679 0.3419,0.53679 0.26528,0.49611 0.26529,0.49612 0.17591,0.40177 0.1759,0.40176 0.19786,0.51751 0.19787,0.51751 0.17097,0.59164 0.17097,0.59164 0.1261,0.6602 0.12609,0.66021 0.0675,0.50176 0.0675,0.50176 -8.6e-4,1.37323 -8.6e-4,1.37323 -0.0898,0.60739 -0.0898,0.60739 -0.12802,0.60739 -0.12801,0.60739 -0.177,0.58098 -0.177,0.58098 -0.2181,0.56191 -0.2181,0.5619 -0.25898,0.54116 -0.25897,0.54115 -0.28294,0.48144 -0.28294,0.48144 -0.25233,0.36971 -0.25233,0.36972 -0.3002,0.39612 -0.30019,0.39613 -2.79877,2.94452 -2.79877,2.94453 h -0.0515 -0.0514 l -9.90998,-10.39171 z"
|
||||
id="path3955"
|
||||
inkscape:connector-curvature="0" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 5.7 KiB |
|
|
@ -0,0 +1,70 @@
|
|||
body {
|
||||
background-color: #e6e6e6;
|
||||
margin: 0;
|
||||
display: grid;
|
||||
}
|
||||
|
||||
@media (min-width: 900px) {
|
||||
body {
|
||||
grid-template-columns: 250px;
|
||||
grid-template-areas:
|
||||
'menu title'
|
||||
'menu content';
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
body {
|
||||
grid-template-areas:
|
||||
'title'
|
||||
'menu'
|
||||
'content';
|
||||
}
|
||||
}
|
||||
|
||||
#title {
|
||||
grid-area: title;
|
||||
}
|
||||
|
||||
#navbar {
|
||||
background-color: #eadecc;
|
||||
list-style: none;
|
||||
margin-right: 1rem;
|
||||
padding-top: 1rem;
|
||||
grid-area: menu;
|
||||
}
|
||||
|
||||
#navbar li:not(:first-child) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
#navbar li:last-child {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#logo {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
#content {
|
||||
grid-area: content;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
color: #8c877d;
|
||||
}
|
||||
|
||||
#content h1 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#content h2 {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.galery a img {
|
||||
margin: 0.5rem;
|
||||
}
|
||||
Loading…
Reference in New Issue