DAO-example/index.html at main · TranquiloR/DAO-example · 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
<!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">
    <meta name="keywords" content="blockchain, NFT, metaverse, cryptocurrency,
    bitcoin, decentralisation, smartcontract">
    <meta name="description" content="Our goal is to create the most exceptional
    community in the web3 space.">

    <link rel="stylesheet" href="styles.css">
    <title>Web3 DAO Discovery</title>
</head>
<body>
    <div class="container">

        <div class="info">
            <img src="DAO.jpg" alt="Letter DAO" class="avatar" >

            <div class="info-text">
                <div class="paragraf">
                    <h1>Wellcome on board</h1>
                    <p>At our web3 community, we're dedicated to providing our members with valuable
                    resources that can help them stay ahead in the rapidly evolving digital landscape.</p>
                </div>
            </div>
        </div>

            <div class="info-text">
                <p> We offer a range of educational content, including webinars, tutorials, and
                guides that cover various web3 topics such as blockchain, decentralized finance,
                and NFTs.Our industry insights and trend analysis help members stay up-to-date
                with the latest developments in the space.</p>
                <p>We also provide ample networking opportunities, including meetups, conferences,
                and online forums, where members can connect and collaborate with other like-minded
                individuals. Through our network of partner companies, organizations, and experts
                in the field, we provide exclusive content and opportunities to our members. For
                instance, our recent collaboration with a leading blockchain startup offered our
                members a unique opportunity to learn about their cutting-edge technology and
                gain insights from their expert team.</p>
                <p>Whether you're a developer, investor, or enthusiast, our web3 community is designed
                to provide you with the tools, resources, and connections you need to thrive in the
                digital landscape. Join us today and be a part of the greatest web3 community of all
                time.</p>
            </div>
            <div class="card bg-1">
                <h2>List of social networks :</h2>

                <a href="https://twitter.com/guidedao" target="_blank" >Twitter</a>

                <a href="https://t.me/guidedao" target="_blank" > Telegram</a>

                <a href="https://www.youtube.com/results?search_query=guide+dao" target="_blank" >YouTube</a>
            </div>

                <div class="card bg-2">
                    <h2>Benefits of being a member of the DAO</h2>
                    <ol class="list">
                        <li>Voting Rights</li>
                        <li>Earning Opportunities:</li>
                        <li>Community</li>
                        <li>Access to Expertise</li>
                    </ol>
                </div>

        <div class="card bg-3">
            <h2>Roadmap</h2>
            <table class="table">
                <thead>
                    <tr>
                        <th>Milestone</th>
                        <th>Description</th>
                        <th>Target Date</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>Initial Launch</td>
                        <td>Set up the DAO's infrastructure and onboard founding members.</td>
                        <td>Q2 2023</td>
                    </tr>
                    <tr>
                        <td>Governance Framework</td>
                        <td>Develop and implement a clear governance framework for decision-making and voting.</td>
                        <td>Q3 2023</td>
                    </tr>
                    <tr>
                        <td>Token Economics</td>
                        <td>Design and launch a token that incentivizes participation and contributes to the DAO's growth.</td>
                        <td>Q4 2023</td>
                    </tr>
                    <tr>
                        <td>Community Building</td>
                        <td>Develop and implement a strategy for growing and nurturing a strong and engaged community of members.</td>
                        <td>Q1 2024</td>
                    </tr>
                    <tr>
                        <td>Partnerships</td>
                        <td>Establish strategic partnerships with other companies, organizations, or experts in the field to expand the DAO's reach and influence.</td>
                        <td>Q2 2024</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <div class="card bg-4">

            <form action="/" class="form">
                <h3>Feedback form :</h3>

                <div class="form-row">
                    <div class="form-group">
                        <label for="text">Your name :</label>
                        <input type="text" id="text" placeholder="Input your name">
                    </div>
                    <div class="form-group">
                        <label for="email">Your Email :</label>
                        <input type="email" id="email" placeholder="Input your email">
                    </div>
                </div>

                    <div class="form-group">
                        <label for="massage">Your massage :</label>
                        <textarea id="massage" cols="35" rows="10" placeholder="Write your massage"></textarea>
                    </div>

                <button type="submit" class="btn">Submit form !</button>
            </form>
        </div>

    </div>
    <br>
    <br>

</body>
</html>