web3js_example/index.html at main · Aditya1942/web3js_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
<!DOCTYPE html>
<html lang="">

<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">
  <script src="https://cdn.tailwindcss.com"></script>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/web3/1.7.0/web3.min.js"
    integrity="sha512-C63V0mFzwl8KV2fRz0QJNKX0d9877urOLSUq5WUq8nUOhDl69hKdGr9mAvl57k47GNjqEMAtiufsvDnk7xs8+w=="
    crossorigin="anonymous" referrerpolicy="no-referrer"></script>
  <script src="script.js"></script>
  <title></title>
</head>

<body>
  <!-- This example requires Tailwind CSS v2.0+ -->
  <header class="bg-indigo-600">
    <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" aria-label="Top">
      <div class="w-full py-6 flex items-center justify-between border-b border-indigo-500 lg:border-none">
        <div class="flex items-center">
          <a href="#">
            <span class="sr-only">Workflow</span>
            <img class="h-10 w-auto" src="https://tailwindui.com/img/logos/workflow-mark.svg?color=white" alt="">
          </a>
          <div class="hidden ml-10 space-x-8 lg:block">
            <a href="#" class="text-base font-medium text-white hover:text-indigo-50" key="Solutions">
              Home
            </a>

          </div>
        </div>
        <div class="ml-10 space-x-4">

          <button
            class="loginBtn inline-block bg-white py-2 px-4 border border-transparent rounded-md text-base font-medium text-indigo-600 hover:bg-indigo-50">
            Login </button>
        </div>
      </div>
      <div class="py-4 flex flex-wrap justify-center space-x-6 lg:hidden">
        <a href="#" class="text-base font-medium text-white hover:text-indigo-50" key="Solutions">
          Home
        </a>

      </div>
    </nav>
  </header>

  <main>
    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-6">
      <h1 class="text-3xl font-bold leading-tight text-gray-900">
        Dashboard
      </h1>
      <!-- This example requires Tailwind CSS v2.0+ -->
      <div class="text-center">
        <!-- main  -->
        <span id="main">


          <!-- This example requires Tailwind CSS v2.0+ -->
          <div>
            <h2 class="text-gray-500 text-xs font-medium uppercase tracking-wide">User Info</h2>
            <ul class="mt-3 grid grid-cols-1 gap-5 sm:gap-6 sm:grid-cols-2 lg:grid-cols-4">
              <li class="col-span-2 flex shadow-sm rounded-md">
                <div
                  class="flex-shrink-0 flex items-center justify-center w-16 bg-pink-600 text-white text-sm font-medium rounded-l-md">
                  AD
                </div>
                <div
                  class="flex-1 flex items-center justify-between border-t border-r border-b border-gray-200 bg-white rounded-r-md truncate">
                  <div class="flex-1 px-4 py-2 text-sm truncate">
                    <a href="#" class="text-gray-900 font-medium hover:text-gray-600">Address</a>
                    <p class="text-gray-500" id="Address"></p>
                  </div>

                </div>
              </li>

              <li class="col-span-2 flex shadow-sm rounded-md">
                <div
                  class="flex-shrink-0 flex items-center justify-center w-16 bg-purple-600 text-white text-sm font-medium rounded-l-md">
                  BA
                </div>
                <div
                  class="flex-1 flex items-center justify-between border-t border-r border-b border-gray-200 bg-white rounded-r-md truncate">
                  <div class="flex-1 px-4 py-2 text-sm truncate">
                    <a href="#" class="text-gray-900 font-medium hover:text-gray-600">Balance</a>
                    <p class="text-gray-500" id="balance"></p>
                  </div>

                </div>
              </li>


            </ul>
          </div>

        </span>
        <div class="mt-6">
          <button type="button"
            class="loginBtn inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
            <!-- Heroicon name: solid/plus -->
            Login
          </button>
        </div>
      </div>
    </div>

  </main>
  <footer></footer>

</body>

</html>