https://sebsepia.org/betonautes

1<!DOCTYPE html>
2<html lang="en">
3  <head>
4    <meta content="text/html;charset=utf-8" http-equiv="Content-Type"/>
5    <meta content="utf-8" http-equiv="encoding"/>
6    <meta content="Sebastien Bégin dessine." name="description"/>
7    <meta content="Montréal / Tiohtiá:ke" name="og:locality"/>
8    <meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport"/>
9    

9<script crossorigin="anonymous" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" src="https://code.jquery.com/jquery-3.7.1.min.js">
10    </script>

10
11    

11<script crossorigin="anonymous" integrity="sha256-lSjKY0/srUM9BE3dPm+c4fBo1dky2v27Gdjm2uoZaL0=" src="https://code.jquery.com/ui/1.13.2/jquery-ui.min.js">
12    </script>

12
13    

13<script src="https://cdn.jsdelivr.net/npm/[email protected]/build/pannellum.js">
14    </script>

14
15    

15<script src="https://cdn.jsdelivr.net/npm/[email protected]/hammer.min.js">
16    </script>

16
17    <link href="https://cdn.jsdelivr.net/npm/[email protected]/build/pannellum.css" rel="stylesheet"/>
18    

18<script async="" src="js/main.js">
19    </script>

19
20    

20<script async="" defer="" src="js/defer.js">
21    </script>

21
22    <link href="img/icon.gif" rel="icon"/>
23    <link href="scss/nustyle.css" rel="stylesheet" type="text/css"/>
24  </head>
25  <body>
26    <header>
27      <nav>
28        <a class="" href="index.html">
29          <img src="img/menu/seb_begin_50.png"/>
30        </a>
31        <button id="menutoggle" type="button">
32          <input src="img/menu/burger_50.png" type="image"/>
33        </button>
34        <div class="menu">
35          <div class="menucat">
36            <a href="reel.html">
37              <img alt="" src="img/menu/reel_50.png"/>
38            </a>
39          </div>
40          <!-- <div class="menucat"><div class="spacer"> </div><a class="inactiveLink" href=""><img alt="" src="img/menu/projects_50.png"/></a></div> -->
41          <div class="menucat">
42            <a href="betonautes.html">
43              <img alt="" src="img/menu/betonautes_selected_50.png"/>
44            </a>
45          </div>
46          <div class="menucat">
47            <a href="lib_des.html">
48              <img alt="" src="img/menu/lib_des_50.png"/>
49            </a>
50          </div>
51          <div class="menucat">
52            <a href="about.html">
53              <img alt="" src="img/menu/about_50.png"/>
54            </a>
55          </div>
56        </div>
57      </nav>
58    </header>
59    <div class="contenu infinite-container blog" id="content-container">
60      <div class="pixel">
61        <img alt="" src="img/proj/beto/Overpass_v04.jpg"/>
62        <img alt="" src="img/proj/beto/interieur.jpg"/>
63        <img alt="" src="img/proj/beto/sketchpapier039.png"/>
64        <p>
65          My final project at the NAD school.
66         It is a universe called Bétonautes where fringe people pitch suspended tents under concrete structures.
67        </p>
68      </div>
69      <img alt="" class="floatimg" src="img/proj/beto/og/BetonauteThumb025_f.png" style="position:absolute; left:0em; top:45em; width:25em;"/>
70    </div>
71  

71<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"12b170a004ca4718b786f2f311a2863d","r":1,"spa":2}' crossorigin="anonymous"></script>

71
72</body>
73</html>