forked from mathisrome69/TpEsgiGitHub
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex_page2.html
92 lines (78 loc) · 3.92 KB
/
index_page2.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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Title -->
<title>Nano Folio - Simple HTML Template</title>
<!-- Fontawesome -->
<link rel="stylesheet" href="fontawesome/css/all.min.css">
<!-- Google font -->
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro&display=swap" rel="stylesheet">
<!-- Magnific popup CSS -->
<link href="css/magnific-popup.min.css" rel="stylesheet">
<!-- Local CSS -->
<link href="css/tooplate-style.css" rel="stylesheet">
<!-- Local CSS navbar -->
<link rel="stylesheet" type="text/css" href="css/home.css">
</head>
<body>
<div class="mt-50"></div>
<div class="topnav">
<a href="index.html">Accueil</a>
<a href="our_compagny.html">A propos de nous</a>
<a href="index_page2.html" class="active">Nos projets</a>
<a href="index.html">Nous contacter</a>
<a href="login.html">Se connecter</a>
</div>
<div class="tm-container-fluid">
<!-- Section 1 : About Us -->
<section class="tm-about tm-mb-80 tm-p-50 tm-bgcolor-2 tm-border-rounded">
<div class="tm-about-header tm-flex-center">
<i class="fas fa-camera fa-2x"></i>
<h1>Nos projets</h1>
</div>
<div class="tm-about-text">
<p class="tm-mb-40">On est là, on est jeunes, on est beaux, et on aime les photos.</p>
<p class="tm-mb-0">Pour le moment ouais c'est des placeholder comme j'ai pas d'idée</p>
</div>
</section>
<!-- Section 2 : première photo -->
<section class="tm-photo1 tm-mb-80 tm-p-50 tm-bgcolor-1 tm-border-rounded">
<div class="tm-photo1-header tm-flex-center">
<a href="img/img-02.jpg">
<img src="img/tn-img-02.jpg" alt="Beautiful Lady" class="img-fluid" />
</a>
</div>
<div class="tm-photo1-text tm-flex-center">
<p class="tm-mb-40">Notre start-up, bien que modeste, ne lésine pas sur les moyens afin d'immortaliser vos moments préférés. Nous proposons tout d'abord des portraits d'une qualité époustouflante faite par des professionnels aguerris, lesquelles figeront dans le temps les visages sublimés de nos clients.
</div>
</section>
<!-- Section 3 : deuxième photo -->
<section class="tm-photo2 tm-mb-80 tm-p-50 tm-bgcolor-4 tm-border-rounded">
<div class="tm-photo2-header tm-flex-center">
<a href="img/img-04.jpg.jpg">
<img src="img/tn-img-04.jpg" alt="Autumn" class="img-fluid" />
</a>
</div>
<div class="tm-photo1-text tm-flex-center">
<p class="tm-mb-40">Mais nous ne nous limitons pas seulement aux portraits : à la demande d'un client, qu'il soit particulier ou d'une entreprise, nous pouvons capturer des instants de nature magiques, et capturer des mouvements avec une précision et une qualité incroyable. </p>
</div>
</section>
<!-- Section 4 : nos offres -->
<section class="tm-offres tm-mb-80 tm-p-50 tm-bgcolor-5 tm-border-rounded">
<div class="tm-photo1-header tm-flex-center">
<a href="http://localhost:63342/TpEsgiGitHub/index_page2.html?_ijt=f5elsbgchadn5qiqev9oprf6aj&_ij_reload=RELOAD_ON_SAVE">
<img src="img/tn-img-03.jpg" alt="City and clouds" class="img-fluid" />
</a>
</div>
<div class="tm-offres-text tm-flex-center">
<a href="http://localhost:63342/TpEsgiGitHub/index_page2.html?_ijt=f5elsbgchadn5qiqev9oprf6aj&_ij_reload=RELOAD_ON_SAVE">
<p class="tm-mb-40">Découvrir nos offres ->
</p>
</a>
</div>
</section>
</div>
</body>
</html>