diff --git a/tp1/css/style.css b/tp1/css/style.css
new file mode 100644
index 0000000..5500f59
--- /dev/null
+++ b/tp1/css/style.css
@@ -0,0 +1,71 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ height: 135px;
+}
+
+header.logo {
+ float: left;
+ width: 298px;
+}
+
+header nav {
+ text-align: right;
+}
+
+header nav ul {
+ display: inline-block;
+ line-height: 135px;
+}
+
+header nav ul li {
+ display: inline-block;
+ padding: 0px 40px;
+}
+
+header nav .connexion {
+ display: inline;
+}
+
+a {
+ text-decoration: none;
+ color: unset;
+}
+
+a.btn {
+ display: inline;
+ border-radius: 15px;
+ padding: 8px 25px;
+}
+
+.btn-primary {
+ background: #3B6D56;
+ color: #ffffff;
+}
+
+.btn.btn-secondary {
+ background: #79BD9D;
+ color: #ffffff;
+}
+
+.btn-white {
+ background: #ffffff;
+ color: #3B6D56;
+}
+
+.btn-green {
+ background: #00ED93;
+ color: #3B6D56;
+}
+
+.btn-price {
+ text-size-adjust: 2em;
+ text-decoration: solid;
+ border-radius: 20px;
+ padding: 10px 5px 10px 5px;
+ background: #00ED93;
+ color: #3B6D56;
+}
\ No newline at end of file
diff --git a/tp1/index.html b/tp1/index.html
new file mode 100644
index 0000000..9fb3ac8
--- /dev/null
+++ b/tp1/index.html
@@ -0,0 +1,83 @@
+
+
+
+
+ LP SIGD IOTIA
+
+
+
+
+
+
+
+ Logiciel professionnel
+ Le meilleur de l’expertise dans un logiciel, avec un maximum de relationnel !
+ Une solution innovante qui séduit unanimement notre comité de professionnels.
+ Souscrire
+
+
+
+
+
+
+
+
+
+