portfolio_website/project-6.html at master · Arcadius19/portfolio_website · GitHub

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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/styles-project-6.css">
        <link rel="stylesheet" href="css/lightbox.min.css">
        <script src="js/lightbox-plus-jquery.min.js"></script>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    </head>
    <body>
        <div class="page-wrap">
            <nav>
                <div class ="navigation-panel">
                    <div class="logo">
                        <a href="#"><img src="images/Logo.png" alt="JK Logo" onmousedown="return false"></a>
                    </div>

                    <label for="toggle" class="navigation-pop-up">&#9776;</label>
                    <input type="checkbox" class="navigation-pop-up" id="toggle"/>

                    <div class="navigation-menu">
                        <ul>
                            <li><a href="index.html">Hello</a></li>
                            <li><a href="about.html">About</a></li>
                            <li><a href="projects.html" class="active">Projects</a></li>
                            <li><a href="contact.html">Contact</a></li>
                        </ul>
                    </div>
                 </div>
            </nav>

            <div class="content-container">
                <div class="text-content">
                    <p class="project-title"><span class="title-features">CLOUD</span></p>
                    <p><span class="features">Location: </span><span class="project-text">Warsaw, Poland</span></p>
                    <p><span class="features">Date: </span><span class="project-text">2019</span></p>
                    <p class="project-text">The project itself serves in the development of digital fabrication skills. The idea is to use different fabrication methods in order to replicate the model
                        of the Cloud Gate.
                    </p>
                </div>

                <div class="photo-content">
                    <div class="photos">
                        <div class="photo">
                            <a href="projects/Project-6/vis_2.jpg" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/vis_2.jpg" alt="Photo 1" onmousedown="return false"></a>
                        </div>

                        <p class="project-text">At first the virtual 3D model of the Cloud Gate was created. All of its parts were parametrically designed by means of optimisation in software like Rhinoceros 3D and Grasshopper. On account
                            of that, each joint, rod or spandex is unique.
                        </p>

                        <div class="photo">
                            <a href="projects/Project-6/model_1.jpg" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/model_1.jpg" alt="Prep Model" onmousedown="return false"></a>
                        </div>

                        <div class="photo">
                            <a href="projects/Project-6/joint.jpg" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/joint.jpg" alt="Joint" onmousedown="return false"></a>
                        </div>

                        <p class="project-text">There are a few materials and methods used for the total assembling of the model. The methods used are 3D printing, casting and laser cutting. The materials
                            used are thermoplastic filament, silicone mass, metal rods and spandex.</p>

                        <div class="photo">
                            <a href="projects/Project-6/panel_1.png" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/panel_1.png" alt="Joints Modelling" onmousedown="return false"></a>
                        </div>

                        <div class="photo">
                            <a href="projects/Project-6/panel_2.png" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/panel_2.png" alt="Pouring" onmousedown="return false"></a>
                        </div>

                        <div class="photo">
                            <a href="projects/Project-6/panel_3.png" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/panel_3.png" alt="Rods Cutting" onmousedown="return false"></a>
                        </div>

                        <div class="photo">
                            <a href="projects/Project-6/panel_4.png" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/panel_4.png" alt="Spandex Cutting" onmousedown="return false"></a>
                        </div>

                        <div class="photo">
                            <a href="projects/Project-6/photo_1.jpg" data-lightbox="mygallery" data-title=""><img src="projects/Project-6/photo_1.jpg" alt="Photo 1" onmousedown="return false"></a>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <footer>
            <p class="copyright"> Copyright &#169;2020 Jakub Koźlik</p>
        </footer>
    </body>
</html>