Capstone_project/index.html at main · vanosaur/Capstone_project · 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
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
147
148
149
150
151
<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="./static/style.css"/>
        <title>CapstoneProject</title>
        </head>

    <body>
        <header>
            <div class="logo"><div class="text">EcoFuturist</div></div>
            <div class="contents">
            <ul>
                <a>Home</a>
                <a>About</a>
                <a>Projects</a>
                <a>Contact</a>
            </ul>
        </div>
        </header>
        <main>
            <div class="container">
                <div class="first">
                    <div class="heading1">Blending Nature with Technology</div>
                    <div class="image"><img src="./static/imagenew1.png"></div>
                </div>

                <div class="second">
                    <div class="heading2">EcoFuturist is a visionary designer blending sustainable principles with cutting-edge technology to create harmonious and innovative solutions.</div>
                </div>


                <div class="third">
                    <div class="title">What I Do</div>
                            <table>
                                <tr>
                                    <td>Eco-friendly Web Design</td>
                                    <td>Sustainable UX/UI</td>
                                </tr>
                                <tr>
                                    <td>Green Branding</td>
                                    <td>Organic Patterns</td>
                                </tr>
                                <tr>
                                    <td>Technological Aesthetics</td>
                                    <td>Interactive Ecosystems</td>
                                </tr>
                            </table>
                </div>

                <div class="fourth">
                    <div class="card">
                        <div class="imagediv">
                            <img src="./static/imagenew2.png">
                        </div>
                        <div class="letter">
                            <p class="one">Sustainable Materials</p>
                            <p class="two">Using recycled materials and organic patterns to create visually stunning and sustainable designs.</p>
                        </div>
                    </div>
                </div>
                <div class="fifth">
                    <div class="textcontent">
                        <div class="writing">
                            <p class="three">Living Systems</p>
                            <p class="four">Creating designs that breathe and grow, mimicking natural ecosystems.</p>
                            <p class="button"><span class="hello">Learn More</span></p>
                        </div>
                    </div>
                    <div class="photo">
                        <img class="green" src="./static/imagenew3.png">
                    </div>
                </div>
                <div class="sixth">
                    <div class="jojo">What Clients Say</div>

                    <div class="testimonialscards">
                        <div class="grid">
                        <div class="profile">
                            <div class="picture">
                                <img src="./static/imagenew4.png">
                            </div>
                            <div class="profilecontent">
                                <p class="bold">Aria Greenfield</p>
                                <p class="grey">CEO, GreenTech</p>
                            </div>
                        </div>
                        <div class="quotes">
                            <div class="line"><div class="inside"></div></div>
                            <div class="thoughts">EcoFuturist transformed our brand with their innovative and sustainable design approach.</div>
                        </div>
                        </div>
                        <div class="grid">
                            <div class="profile">
                                <div class="picture">
                                    <img src="./static/imagenew5.png">
                                </div>
                                <div class="profilecontent">
                                    <p class="bold">Liam Oakwood</p>
                                    <p class="grey">Founder, EcoSolutions</p>
                                </div>
                            </div>
                            <div class="quotes">
                                <div class="line"><div class="inside"></div></div>
                                <div class="thoughts">Their designs are not only beautiful but also environmentally conscious.</div>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="profile">
                                <div class="picture">
                                    <img src="./static/imagenew6.png">
                                </div>
                                <div class="profilecontent">
                                    <p class="bold">Sophia Maple</p>
                                    <p class="grey">Creative Director, BioDesign</p>
                                </div>
                            </div>
                            <div class="quotes">
                                <div class="line"><div class="inside"></div></div>
                                <div class="thoughts">A perfect blend of nature and technology in every project.</div>
                            </div>
                        </div>
                        <div class="grid">
                            <div class="profile">
                                <div class="picture">
                                    <img src="./static/imagenew7.png">
                                </div>
                                <div class="profilecontent">
                                    <p class="bold">Oliver Pine</p>
                                    <p class="grey">CTO, FutureGreen</p>
                                </div>
                            </div>
                            <div class="quotes">
                                <div class="line"><div class="inside"></div></div>
                                <div class="thoughts">Their work is a testament to the future of sustainable design.</div>
                            </div>
                        </div>
                        <div class="grid1"></div>
                    </div>
                    </div>
                </div>
            </div>
        </main>
        <footer>
            <div class="tags">
                <div class="year">© 2023 EcoFuturist</div>
                <div class="button1"><span class="another">Contact Me</span></div>
            </div>
        </footer>

    </body>
</html>