-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathprofil.html
146 lines (144 loc) · 7.94 KB
/
profil.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
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
<div id="main-content" class="page-profil">
<div class="row">
<!-- BEGIN PROFIL SIDEBAR -->
<div class="col-md-3 profil-sidebar">
<img src="assets/img/profil_page/me.jpg" class="img-responsive" alt="profil">
<div class="p-20">
<div class="profil-sidebar-element">
<h4>A PROPOS</h4>
<p>Developpeur Back-end JEE</p>
<p>Chef de Projet</p>
</div>
<div class="profil-sidebar-element">
<h4 class="pull-left">PROJETS</h4>
<div class="sidebar-number pull-right">2</div>
<div class="clearfix m-b-10"></div>
<h5 class="pull-left">DANS LE MEME PROJET</h5>
<div class="sidebar-number pull-right">7</div>
<div class="clearfix"></div>
<div class="row">
<div class="p-10 clearfix">
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/avatars/avatar1_big.png" class="img-small-friend" alt="avatar 1">
</div>
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/avatars/avatar2_big.png" class="img-small-friend" alt="avatar 2">
</div>
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/avatars/avatar3_big.png" class="img-small-friend" alt="avatar 3">
</div>
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/avatars/avatar4_big.png" class="img-small-friend" alt="avatar 4">
</div>
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/avatars/avatar5_big.png" class="img-small-friend" alt="avatar 5">
</div>
<div class="col-md-2 col-sm-3 col-xs-4">
<img src="assets/img/profil_page/more.jpg" class="img-small-friend" alt="">
</div>
</div>
</div>
</div>
<div class="profil-sidebar-element">
<h4>STATISTIQUES</h4>
<p class="c-gray m-t-0"><i>Dernière connection: Il y a 2 jours</i>
</p>
<h5>Contribution Moyenne</h5>
<div id="stars" class="starrr pull-left">
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star-o"></span>
</div>
<div class="sidebar-number pull-right">4/5</div>
<div class="clearfix"></div>
</div>
<div class="profil-sidebar-element">
<h4>MUR SOCIAL</h4>
<div class="social-btn-small"><a href="" class="zocial icon github m-0">Github</a>
</div>
<div class="social-btn-small"><a href="" class="zocial icon linkedin m-0">Linkedin</a>
</div>
</div>
</div>
</div>
<!-- END PROFIL SIDEBAR -->
<!-- BEGIN PROFIL CONTENT -->
<div class="col-md-9 profil-content m-t-20">
<h2>PROFIL DE <span class="c-blue">ABDOU TEST</span></h2>
<div class="row">
<div class="col-md-12 profil-presentation">
<p>
<i class="fa fa-quote-left c-blue"></i>
I love to code all the time and discover new technologies. Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis pra quem é amistosis quis leo.
<i class="fa fa-quote-right c-blue"></i>
</p>
</div>
</div>
<h4>MES PROJETS</h4>
<div class="row profil-review">
<div class="col-md-6">
<div class="p-20">
<div class="row">
<div class="col-xs-3 col-md-3 p-r-10">
<img src="assets/img/profil_page/review1.png" alt="review 1" class="img-rounded img-responsive" />
</div>
<div class="col-xs-9 col-md-9 section-box">
<h2>
My Magazine <a href="#" target="_blank"></a>
</h2>
<p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis.</p>
<hr />
<div class="row rating-desc">
<div class="col-md-12">
<div class="stars" class="starrr pull-left">
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star-o"></span>
</div>
(36)<span class="separator">|</span>
<i class="fa fa-comments-o"></i> 100 Comments
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="p-20">
<div class="row">
<div class="col-xs-3 col-md-3 p-r-10">
<img src="assets/img/profil_page/review2.png" alt="jQuery2DotNet" class="img-rounded img-responsive" />
</div>
<div class="col-xs-9 col-md-9 section-box">
<h2>
My 2nd review <a href="#" target="_blank"></a>
</h2>
<p>Mussum ipsum cacilds, vidis litro abertis. Consetis adipiscings elitis. Pra lá , depois divoltis.</p>
<hr />
<div class="row rating-desc">
<div class="col-md-12">
<div class="stars" class="starrr pull-left">
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star"></span>
<span class="fa .fa-star fa-star-o"></span>
<span class="fa .fa-star fa-star-o"></span>
</div>
(18)<span class="separator">|</span>
<i class="fa fa-comments-o"></i> 54 Comments
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 border-bottom p-t-20"></div>
</div>
</div>
<!-- END PROFIL CONTENT -->
</div>
</div>