SmartBuildConference/index.html at main · mkaya13/SmartBuildConference · 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
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<!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.0">
    <title>SmartBuild Main Conference</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="javascript/script.js" defer></script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Lato:wght@900&display=swap" rel="stylesheet">
    <script src="https://kit.fontawesome.com/e83d856101.js" crossorigin="anonymous"></script>
</head>
<body>

    <div class="social-icons-section">
        <ul class="social-icons">
            <li><i class="fa-brands fa-facebook-f"></i></li>
            <li><i class="fa-brands fa-twitter"></i></li>
            <li class="social-icon">Logout</li>
            <li class="social-icon">My Page</li>
            <li class="social-icon">English</li>
        </ul>
    </div>

    <section class="main-page">

    <div class="navbar-div">

    <nav>
        <a href="#" class="toggle-button">
            <span class="bar"></span>
            <span class="bar"></span>
            <span class="bar"></span>
        </a>

       <a href="./index.html"><img class="main-page-logo" src="img/smartbuild.jpg" alt="smartbuild-logo"></a>

        <div class="navbar-content">
            <ul class="navbar-links">
                <li class="desktop-nav-elements"><a class="desktop-nav-anchors" href="index.html">Home</a></li>
                <li class="desktop-nav-elements"><a class="desktop-nav-anchors" href="about.html">About</a></li>
                <li class="desktop-nav-elements"><a class="desktop-nav-anchors" href="#contact">Join</a></li>
                <li class="desktop-nav-elements"><a class="desktop-nav-anchors" href="#interests">Sponsor</a></li>
                <li class="desktop-nav-elements"><a class="desktop-nav-anchors" href="#interests">News</a></li>
            </ul>
        </div>
        <div class="main-page-campaign">SB Campaign</div>
    </nav>

    </div>

        <h3 class="main-page-subtitle">"Web3! Open to the whole world"</h3>

        <h1 class="main-page-title">SMARTBUILD GLOBAL <br> MEETING SUMMIT 2023</h1>

        <p class="main-page-paragraph">
            SmartBuild is aiming to summarize the evaluation of web1 web2 and web3 comprehensively. Participants
            with various fields such as De-cent Blockchain, DeFi and De-cent Blockchain Oracle Network etc. will attend
            Furthermore, will discuss about the upcoming updates in web3 environment.

        </p>

        <h3 class="main-page-date">2023.3.16(THU) ~ 17(FRI)</h3>
        <h4 class="main-page-location">Will be announced in the upcoming days</h4>

    </section>


    <div class="about">


        <h3 class="about-title">Main Program</h3>


        <hr class="about-hr">

        <div class="box">

            <!-- 1rt card -->

            <div class="card">
                <div class="item-1">
                    <img class="inform-image" src="img/lecture.jpg" alt="lecture-image">
                </div>
                <div class="item-2">
                    Lecture
                </div>
                <div class="item-3">
                    Listen to the speakers that talk about the newest updates in web3 world, and introducing their web3 apps.
                </div>
            </div>

            <!-- 2nd card -->

            <div class="card">
                <div class="item-1">
                    <img class="inform-image" src="img/network.jpg" alt="network-logo">
                </div>
                <div class="item-2">
                    Network
                </div>
                <div class="item-3">
                    In the conference, there will be many opportunities to connect with various blockchain companies all over the world to land a job, connection and many more.
                </div>
            </div>

            <!-- 3th card -->

            <div class="card">
                <div class="item-1">
                    <img class="inform-image" src="img/discover.jpg" alt="discover-logo">
                </div>
                <div class="item-2">
                    Discover
                </div>
                <div class="item-3">
                    Discover the newest updates and changes affect the web3 environment deeply.
                </div>
            </div>


            <div class="card">
                <div class="item-1">
                    <img class="inform-image" src="img/discussion.jpg" alt="discussion-logo">
                </div>
                <div class="item-2">
                    Discussion
                </div>
                <div class="item-3">
                    Discuss the topics of software and blockchain development with your peers.
                </div>
            </div>

            <!-- 5th card -->

            <div class="card">

                <div class="item-1">
                    <img class="inform-image" src="img/hackhathon.jpg" alt="hackhathon-logo">
                </div>
                <div class="item-2">
                    Hackhathon
                </div>
                <div class="item-3">
                    We are going to introduce you the newest hackhathon that includes many learning opportunities with a high price pool.
                </div>
            </div>

        </div>
        <div class="whole-program">
        <a href="#"> SEE THE WHOLE PROGRAM</a>
        </div>

        <p class="about-button">Join the Summit Event</p>

    </div>

        <section class="speakers-section-mobile">
            <h3 class="speakers-title">Feature Speakers</h3>
            <hr class="about-hr">

            <div class="box-speaker speaker-content">

            </div>
            <div class="box-speaker speaker-content">2</div>

            <div class="box-speaker box-hidden speaker-content"></div>
            <div class="box-speaker box-hidden speaker-content"></div>
            <div class="box-speaker box-hidden speaker-content"></div>
            <div class="box-speaker box-hidden speaker-content"></div>

            <button class="speakers-button">
                <div class="speaker-bottom-inside">
                    <h2 class ="speaker-title">MORE</h2>
                    <span class="span-bottom-arrow">
                        <span class="bottom-arrow"></span>
                    </span>
                </div>
            </button>
        </section>

        <section class="speakers-desktop">

            <h3 class="speakers-desktop-title">Feature Speakers</h3>
            <hr class="about-desktop-hr">

            <div class="speakers-section-desktop">

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main">
                    </div>
                </div>

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main"></div>
                </div>

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main"></div>
                </div>

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main"></div>
                </div>

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main"></div>
                </div>

                <div class="box-speaker speaker-desktop-box">
                    <div class="speaker-desktop-main"></div>
                    <br><br>
                </div>


            </div>

        </section>

        <section class="partners-section">
            <h3 class="partners-desktop-title">Partners</h3>
            <hr class="about-desktop-hr">
            <ul class="partners-ul">
                <img class="partners-img" src="img/ethereum.svg" alt="ethereum-logo">
                <img class="partners-img" src="img/chainlink.svg" alt="chainlink-logo">
                <img class="partners-img" src="img/synthetix.svg" alt="synthetix-logo">
                <img class="partners-img" src="img/storj.svg" alt="storj-logo">
                <img class="partners-solana-img" src="img/solana.svg" alt="solana-logo">
                <img class="partners-img" src="img/filecoin.svg" alt="filecoin-logo">
            </ul>

        </section>

        <footer>
            <div class="footer-content">
                <img class="footer-logo" src="img/smartbuild.jpg" alt="smartbuild-logo">
                <div class="footer-text">
                    <p class="footer-general-info">2023 SmartBuild Conference. All Rights Reserved.</p>
                    <p class="footer-general-content">SmartBuild is a conference targeting all over the world for introducing the recent updates in Web3 environment.
                        The conference is also aiming to enable people get in touch with business leaders and create a network to discuss the newest changes.
                        People can also attend to the lectures and join to the hackhathon from all over the world.
                    </p>
                </div>
            </div>
        </footer>
</body>
</html>