MEP-mandates.html 8.39 KB
Newer Older
Jamesie Pic's avatar
Jamesie Pic committed
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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../../favicon.ico">

    <title>Memopol</title>

    <!-- Bootstrap core CSS -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
      
    <!-- Custom CSS -->
    <link href="./css/custom.css" rel="stylesheet">
      
    <style>
    </style>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
	
		<div class="container-fluid">
			<!--div class="row custom-header">
				<div class="col-sm-5">
					<h1>[LOGO] Memopol</h1>
				</div>
				<div class="col-sm-7">
					<p class="lead">What is Memopol ?</p>
					<p>Political Memory is a tool designed by La Quadrature du Net to help European citizens to reach members of European Parliament (MEPs) and track their voting records on issues related to fundamental freedoms online. </p>
					<p class="text-right custom-plus"><a class="btn btn-sm btn-default"><span class="glyphicon glyphicon-plus"></span></a></p>
				</div>
			</div-->
			
			<div class="row">
								
		<div class="col-xs-12">
					
<!---------------------------------------------------------
										NAV TAB
---------------------------------------------------------->
			<ul class="nav nav-tabs nav-justified">
				<li role="presentation"><a href="MEP-votes.html"><h3>Votes</h3></a></li>
				<li role="presentation" class="active"><a href="MEP-mandates.html"><h3>Mandates</h3></a></li>
				<li role="presentation"><a href="MEP-positions.html"><h3>Public positions</h3></a></li>
			</ul>
					
<!---------------------------------------------------------
							FIN DE LA NAV TAB
---------------------------------------------------------->
					
Robin's avatar
Robin committed
60
          <br/>
Jamesie Pic's avatar
Jamesie Pic committed
61
			
Robin's avatar
Robin committed
62 63
		  <div class="row">
            <div class="col-sm-6 col-md-4">
Jamesie Pic's avatar
Jamesie Pic committed
64
<!---------------------------------------------------------
Robin's avatar
Robin committed
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
									       MANDAT IMPORTANT
---------------------------------------------------------->
                <div class="thumbnail">
                    <div class="caption">
                        <h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
                        <hr>
                        <p class="lead text-center">Vice-Chair since July 7, 2014</p>
                    </div>
                </div>
<!---------------------------------------------------------
									FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
          
<!---------------------------------------------------------
                                      MANDAT PEU IMPORTANT
---------------------------------------------------------->
                <div class="thumbnail">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not so interesting</h5>
                        <hr>
                        <p class="text-center">Member since July 7, 2014</p>
                    </div>
                </div>
<!---------------------------------------------------------
								FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
                                            MANDAT TERMINÉ
---------------------------------------------------------->
                <div class="thumbnail mandat-fini">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
                        <hr>
                        <p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
                    </div>
                </div>
<!---------------------------------------------------------
								      FIN DU MANDAT TERMINÉ 
---------------------------------------------------------->
            </div>
            <div class="col-sm-6 col-md-4">            
<!---------------------------------------------------------
									       MANDAT IMPORTANT
---------------------------------------------------------->
                <div class="thumbnail">
                    <div class="caption">
                        <h3 class="text-center">Committee on Civil Liberties, Justice and Home Affairs</h3>
                        <hr>
                        <p class="lead text-center">Vice-Chair since July 7, 2014</p>
                    </div>
                </div>
<!---------------------------------------------------------
									FIN DU MANDAT IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
                                            MANDAT TERMINÉ
---------------------------------------------------------->
                <div class="thumbnail mandat-fini">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
                        <hr>
                        <p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
                    </div>
                </div>
<!---------------------------------------------------------
								      FIN DU MANDAT TERMINÉ 
---------------------------------------------------------->
            </div>
            <div class="col-sm-6 col-md-4">            
<!---------------------------------------------------------
                                      MANDAT PEU IMPORTANT
---------------------------------------------------------->
                <div class="thumbnail">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not so interesting</h5>
                        <hr>
                        <p class="text-center">Member since July 7, 2014</p>
                    </div>
                </div>
<!---------------------------------------------------------
								FIN DU MANDAT PEU IMPORTANT
Jamesie Pic's avatar
Jamesie Pic committed
146 147
---------------------------------------------------------->
<!---------------------------------------------------------
Robin's avatar
Robin committed
148
                                      MANDAT PEU IMPORTANT
Jamesie Pic's avatar
Jamesie Pic committed
149
---------------------------------------------------------->
Robin's avatar
Robin committed
150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173
                <div class="thumbnail">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not so interesting</h5>
                        <hr>
                        <p class="text-center">Member since July 7, 2014</p>
                    </div>
                </div>
<!---------------------------------------------------------
								FIN DU MANDAT PEU IMPORTANT
---------------------------------------------------------->
<!---------------------------------------------------------
                                            MANDAT TERMINÉ
---------------------------------------------------------->
                <div class="thumbnail mandat-fini">
                    <div class="caption">
                        <h5 class="text-center">Committee on an other topic that is not relevant anymore</h5>
                        <hr>
                        <p class="text-center">Member from July 7, 2014 to August 16, 2015</p>
                    </div>
                </div>
<!---------------------------------------------------------
								      FIN DU MANDAT TERMINÉ 
---------------------------------------------------------->
            </div>      
Jamesie Pic's avatar
Jamesie Pic committed
174 175
			
			
Robin's avatar
Robin committed
176 177
			</div>
              </div>
Jamesie Pic's avatar
Jamesie Pic committed
178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200
			</div>
		
		</div>
	

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/docs.min.js"></script>
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <script src="./js/ie10-viewport-bug-workaround.js"></script>
		
		<script>
		$(function () {
			$('[data-toggle="tooltip"]').tooltip()
		})
		</script>
		
  </body>
</html>