Card by themrsami

#212121

HTML +TailwindCSS

1<div class="flex items-center justify-center">
2  <div
3    class="flex flex-col justify-center items-center bg-gray-800 text-white rounded-lg shadow-lg p-6 w-80"
4  >
5    <h2 class="text-2xl font-bold mb-4 text-center">Welcome!</h2>
6    <p class="mb-4 text-center">
7      Thanks for visiting our website. Stay connected with us on social media.
8    </p>
9    <div class="flex space-x-4">
10      <a
11        class="text-blue-500 hover:text-blue-400 transition duration-200"
12        href="#"
13      >
14        <svg
15          viewBox="0 0 64 64"
16          height="60"
17          width="60"
18          y="0px"
19          x="0px"
20          xmlns="http://www.w3.org/2000/svg"
21        >
22          <linearGradient
23            spreadMethod="reflect"
24            gradientUnits="userSpaceOnUse"
25            y2="56.878"
26            y1="14.5"
27            x2="37.646"
28            x1="37.646"
29            id="JOZq0V4XPxMzNaLCE5XPGa_44003_gr1"
30          >
31            <stop stop-color="#6dc7ff" offset="0"></stop>
32            <stop stop-color="#e6abff" offset="1"></stop>
33          </linearGradient>
34          <path
35            d="M42,56V38h5.358l0.934-8H42v-4.457c0-2.097-0.131-3.527,2.877-3.527L48,22.014v-6.479 c-1-0.088-2.487-0.285-5.136-0.285c-5.531,0-8.864,3.376-8.864,9.576V30h-7v8h7v18H42z"
36            fill="url(#JOZq0V4XPxMzNaLCE5XPGa_44003_gr1)"
37          ></path>
38          <linearGradient
39            spreadMethod="reflect"
40            gradientUnits="userSpaceOnUse"
41            y2="58.017"
42            y1="6.833"
43            x2="32"
44            x1="32"
45            id="JOZq0V4XPxMzNaLCE5XPGb_44003_gr2"
46          >
47            <stop stop-color="#1a6dff" offset="0"></stop>
48            <stop stop-color="#c822ff" offset="1"></stop>
49          </linearGradient>
50          <path
51            d="M50,57H14c-3.859,0-7-3.141-7-7V14c0-3.859,3.141-7,7-7h36c3.859,0,7,3.141,7,7v36 C57,53.859,53.859,57,50,57z M14,9c-2.757,0-5,2.243-5,5v36c0,2.757,2.243,5,5,5h36c2.757,0,5-2.243,5-5V14c0-2.757-2.243-5-5-5H14z"
52            fill="url(#JOZq0V4XPxMzNaLCE5XPGb_44003_gr2)"
53          ></path>
54        </svg>
55      </a>
56      <a
57        class="text-blue-400 hover:text-blue-300 transition duration-200"
58        href="#"
59      >
60        <svg
61          viewBox="0 0 64 64"
62          height="60"
63          width="60"
64          y="0px"
65          x="0px"
66          xmlns="http://www.w3.org/2000/svg"
67        >
68          <linearGradient
69            gradientUnits="userSpaceOnUse"
70            y2="52.195"
71            y1="9.936"
72            x2="32"
73            x1="32"
74            id="iS8U25XJCb2VBQOwbuAcra_bYzsf9Bmocst_gr1"
75          >
76            <stop stop-color="#1a6dff" offset="0"></stop>
77            <stop stop-color="#c822ff" offset="1"></stop>
78          </linearGradient>
79          <path
80            d="M57.595,16.086c-0.286-0.341-0.762-0.45-1.17-0.271c-0.614,0.271-1.245,0.512-1.891,0.719 c0.824-1.035,1.462-2.216,1.874-3.491c0.127-0.396-0.002-0.827-0.326-1.087c-0.324-0.261-0.774-0.295-1.131-0.083 c-1.777,1.041-3.672,1.788-5.641,2.223C47.244,12.122,44.449,11,41.555,11c-6.169,0-11.189,4.978-11.189,11.097 c0,0.404,0.022,0.81,0.067,1.214c-7.41-0.705-14.289-4.343-19.027-10.103c-0.207-0.252-0.518-0.385-0.85-0.362 c-0.325,0.025-0.618,0.207-0.784,0.488c-0.993,1.679-1.519,3.613-1.519,5.593c0,2.447,0.807,4.78,2.247,6.68 c-0.292-0.123-0.579-0.26-0.859-0.412c-0.311-0.167-0.686-0.161-0.988,0.021c-0.303,0.181-0.488,0.507-0.488,0.859v0.119 c0,3.708,1.868,7.073,4.786,9.104c-0.012-0.002-0.024-0.005-0.036-0.007c-0.35-0.065-0.699,0.062-0.93,0.327 c-0.231,0.265-0.306,0.631-0.198,0.966c1.182,3.648,4.149,6.371,7.769,7.332c-3.003,1.771-6.401,2.697-9.957,2.697 c-0.786,0-1.563-0.046-2.308-0.137c-0.467-0.059-0.906,0.218-1.063,0.657c-0.157,0.44,0.012,0.931,0.407,1.181 C11.478,51.38,17.064,53,22.79,53c18.772,0,29.989-15.119,29.989-29.736c0-0.271-0.005-0.541-0.014-0.81 c1.907-1.423,3.552-3.159,4.896-5.169C57.908,16.915,57.881,16.427,57.595,16.086z M51.167,21.143 c-0.279,0.197-0.438,0.523-0.422,0.865c0.02,0.415,0.034,0.834,0.034,1.256C50.779,36.897,40.31,51,22.79,51 c-3.982,0-7.894-0.84-11.499-2.452c4.226-0.321,8.198-1.85,11.575-4.468c0.335-0.26,0.47-0.702,0.336-1.104 s-0.506-0.677-0.93-0.686c-3.381-0.065-6.404-1.952-7.948-4.835c1.115,0.038,2.203-0.099,3.276-0.393 c0.447-0.123,0.751-0.537,0.735-1c-0.017-0.464-0.35-0.854-0.804-0.945c-3.773-0.752-6.632-3.773-7.244-7.449 c1.122,0.403,2.297,0.631,3.468,0.667c0.459,0.011,0.848-0.271,0.983-0.696c0.136-0.426-0.027-0.89-0.399-1.137 c-2.558-1.698-4.084-4.53-4.084-7.575c0-1.135,0.21-2.25,0.614-3.287c5.319,5.827,12.784,9.361,20.714,9.76 c0.328,0.022,0.617-0.116,0.817-0.357c0.202-0.241,0.278-0.563,0.207-0.868c-0.16-0.685-0.24-1.384-0.24-2.077 c0-5.016,4.122-9.097,9.189-9.097c2.537,0,4.979,1.047,6.7,2.871c0.235,0.248,0.581,0.359,0.917,0.296 c1.385-0.267,2.739-0.671,4.048-1.209c-0.729,1.007-1.665,1.865-2.759,2.514c-0.407,0.242-0.589,0.735-0.436,1.184 c0.153,0.447,0.597,0.73,1.068,0.669c0.952-0.117,1.886-0.292,2.797-0.525C53.06,19.666,52.15,20.449,51.167,21.143z"
81            fill="url(#iS8U25XJCb2VBQOwbuAcra_bYzsf9Bmocst_gr1)"
82          ></path>
83          <linearGradient
84            gradientUnits="userSpaceOnUse"
85            y2="52.195"
86            y1="9.936"
87            x2="38.903"
88            x1="38.903"
89            id="iS8U25XJCb2VBQOwbuAcrb_bYzsf9Bmocst_gr2"
90          >
91            <stop stop-color="#1a6dff" offset="0"></stop>
92            <stop stop-color="#c822ff" offset="1"></stop>
93          </linearGradient>
94          <path
95            d="M30.772,45.786l0.621,1.9c7.123-2.326,12.824-7.914,15.642-15.33l-1.869-0.711 C43.636,35.671,39.733,42.859,30.772,45.786z"
96            fill="url(#iS8U25XJCb2VBQOwbuAcrb_bYzsf9Bmocst_gr2)"
97          ></path>
98          <g>
99            <linearGradient
100              gradientUnits="userSpaceOnUse"
101              y2="21.528"
102              y1="17.979"
103              x2="42"
104              x1="42"
105              id="iS8U25XJCb2VBQOwbuAcrc_bYzsf9Bmocst_gr3"
106            >
107              <stop stop-color="#6dc7ff" offset="0"></stop>
108              <stop stop-color="#e6abff" offset="1"></stop>
109            </linearGradient>
110            <circle
111              fill="url(#iS8U25XJCb2VBQOwbuAcrc_bYzsf9Bmocst_gr3)"
112              r="2"
113              cy="20"
114              cx="42"
115            ></circle>
116          </g>
117        </svg>
118      </a>
119      <a
120        class="text-blue-400 hover:text-blue-300 transition duration-200"
121        href="#"
122      >
123        <svg
124          viewBox="0 0 64 64"
125          height="60"
126          width="60"
127          y="0px"
128          x="0px"
129          xmlns="http://www.w3.org/2000/svg"
130        >
131          <linearGradient
132            spreadMethod="reflect"
133            gradientUnits="userSpaceOnUse"
134            y2="54.751"
135            y1="10"
136            x2="32"
137            x1="32"
138            id="PMWUiMSnUf2R_PPJ6rqZea_44112_gr1"
139          >
140            <stop stop-color="#1a6dff" offset="0"></stop>
141            <stop stop-color="#c822ff" offset="1"></stop>
142          </linearGradient>
143          <path
144            d="M32,53.001c-6.358,0-12.716-0.195-19.299-0.584c-4.96-0.293-8.961-4.242-9.308-9.187 c-0.521-7.452-0.521-15.009-0.001-22.46c0.348-4.945,4.349-8.895,9.309-9.188c13.167-0.778,25.433-0.778,38.598,0 c4.96,0.293,8.961,4.242,9.308,9.187c0.521,7.452,0.521,15.009,0.001,22.46c-0.348,4.945-4.349,8.895-9.309,9.188l0,0 C44.716,52.806,38.358,53.001,32,53.001z M51.182,50.421l0.059,0.998L51.182,50.421c3.959-0.234,7.153-3.386,7.431-7.331 c0.515-7.358,0.515-14.821-0.001-22.181c-0.276-3.944-3.471-7.096-7.43-7.33c-13.088-0.773-25.275-0.773-38.363,0 c-3.959,0.234-7.153,3.386-7.431,7.331c-0.515,7.358-0.515,14.821,0.001,22.181c0.276,3.944,3.471,7.096,7.43,7.33 C25.906,51.194,38.094,51.194,51.182,50.421z"
145            fill="url(#PMWUiMSnUf2R_PPJ6rqZea_44112_gr1)"
146          ></path>
147          <linearGradient
148            spreadMethod="reflect"
149            gradientUnits="userSpaceOnUse"
150            y2="39.252"
151            y1="24.25"
152            x2="31.72"
153            x1="31.72"
154            id="PMWUiMSnUf2R_PPJ6rqZeb_44112_gr2"
155          >
156            <stop stop-color="#6dc7ff" offset="0"></stop>
157            <stop stop-color="#e6abff" offset="1"></stop>
158          </linearGradient>
159          <path
160            d="M25 39.84L25 24.16 38.44 32z"
161            fill="url(#PMWUiMSnUf2R_PPJ6rqZeb_44112_gr2)"
162          ></path>
163          <linearGradient
164            spreadMethod="reflect"
165            gradientUnits="userSpaceOnUse"
166            y2="54.751"
167            y1="10"
168            x2="32.212"
169            x1="32.212"
170            id="PMWUiMSnUf2R_PPJ6rqZec_44112_gr3"
171          >
172            <stop stop-color="#1a6dff" offset="0"></stop>
173            <stop stop-color="#c822ff" offset="1"></stop>
174          </linearGradient>
175          <path
176            d="M24,41.581V22.419L40.425,32L24,41.581z M26,25.901v12.197L36.456,32L26,25.901z"
177            fill="url(#PMWUiMSnUf2R_PPJ6rqZec_44112_gr3)"
178          ></path>
179        </svg>
180      </a>
181    </div>
182
183    <button
184      class="bg-gradient-to-r mt-4 from-blue-500 to-pink-500 text-white font-bold py-2 px-4 rounded-full animate-pulse"
185    >
186      Close
187    </button>
188  </div>
189</div>
190

<div class="flex items-center justify-center">
  <div
    class="flex flex-col justify-center items-center bg-gray-800 text-white rounded-lg shadow-lg p-6 w-80"
  >
    <h2 class="text-2xl font-bold mb-4 text-center">Welcome!</h2>
    <p class="mb-4 text-center">
      Thanks for visiting our website. Stay connected with us on social media.
    </p>
    <div class="flex space-x-4">
      <a
        class="text-blue-500 hover:text-blue-400 transition duration-200"
        href="#"
      >
        <svg
          viewBox="0 0 64 64"
          height="60"
          width="60"
          y="0px"
          x="0px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <linearGradient
            spreadMethod="reflect"
            gradientUnits="userSpaceOnUse"
            y2="56.878"
            y1="14.5"
            x2="37.646"
            x1="37.646"
            id="JOZq0V4XPxMzNaLCE5XPGa_44003_gr1"
          >
            <stop stop-color="#6dc7ff" offset="0"></stop>
            <stop stop-color="#e6abff" offset="1"></stop>
          </linearGradient>
          <path
            d="M42,56V38h5.358l0.934-8H42v-4.457c0-2.097-0.131-3.527,2.877-3.527L48,22.014v-6.479 c-1-0.088-2.487-0.285-5.136-0.285c-5.531,0-8.864,3.376-8.864,9.576V30h-7v8h7v18H42z"
            fill="url(#JOZq0V4XPxMzNaLCE5XPGa_44003_gr1)"
          ></path>
          <linearGradient
            spreadMethod="reflect"
            gradientUnits="userSpaceOnUse"
            y2="58.017"
            y1="6.833"
            x2="32"
            x1="32"
            id="JOZq0V4XPxMzNaLCE5XPGb_44003_gr2"
          >
            <stop stop-color="#1a6dff" offset="0"></stop>
            <stop stop-color="#c822ff" offset="1"></stop>
          </linearGradient>
          <path
            d="M50,57H14c-3.859,0-7-3.141-7-7V14c0-3.859,3.141-7,7-7h36c3.859,0,7,3.141,7,7v36 C57,53.859,53.859,57,50,57z M14,9c-2.757,0-5,2.243-5,5v36c0,2.757,2.243,5,5,5h36c2.757,0,5-2.243,5-5V14c0-2.757-2.243-5-5-5H14z"
            fill="url(#JOZq0V4XPxMzNaLCE5XPGb_44003_gr2)"
          ></path>
        </svg>
      </a>
      <a
        class="text-blue-400 hover:text-blue-300 transition duration-200"
        href="#"
      >
        <svg
          viewBox="0 0 64 64"
          height="60"
          width="60"
          y="0px"
          x="0px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <linearGradient
            gradientUnits="userSpaceOnUse"
            y2="52.195"
            y1="9.936"
            x2="32"
            x1="32"
            id="iS8U25XJCb2VBQOwbuAcra_bYzsf9Bmocst_gr1"
          >
            <stop stop-color="#1a6dff" offset="0"></stop>
            <stop stop-color="#c822ff" offset="1"></stop>
          </linearGradient>
          <path
            d="M57.595,16.086c-0.286-0.341-0.762-0.45-1.17-0.271c-0.614,0.271-1.245,0.512-1.891,0.719 c0.824-1.035,1.462-2.216,1.874-3.491c0.127-0.396-0.002-0.827-0.326-1.087c-0.324-0.261-0.774-0.295-1.131-0.083 c-1.777,1.041-3.672,1.788-5.641,2.223C47.244,12.122,44.449,11,41.555,11c-6.169,0-11.189,4.978-11.189,11.097 c0,0.404,0.022,0.81,0.067,1.214c-7.41-0.705-14.289-4.343-19.027-10.103c-0.207-0.252-0.518-0.385-0.85-0.362 c-0.325,0.025-0.618,0.207-0.784,0.488c-0.993,1.679-1.519,3.613-1.519,5.593c0,2.447,0.807,4.78,2.247,6.68 c-0.292-0.123-0.579-0.26-0.859-0.412c-0.311-0.167-0.686-0.161-0.988,0.021c-0.303,0.181-0.488,0.507-0.488,0.859v0.119 c0,3.708,1.868,7.073,4.786,9.104c-0.012-0.002-0.024-0.005-0.036-0.007c-0.35-0.065-0.699,0.062-0.93,0.327 c-0.231,0.265-0.306,0.631-0.198,0.966c1.182,3.648,4.149,6.371,7.769,7.332c-3.003,1.771-6.401,2.697-9.957,2.697 c-0.786,0-1.563-0.046-2.308-0.137c-0.467-0.059-0.906,0.218-1.063,0.657c-0.157,0.44,0.012,0.931,0.407,1.181 C11.478,51.38,17.064,53,22.79,53c18.772,0,29.989-15.119,29.989-29.736c0-0.271-0.005-0.541-0.014-0.81 c1.907-1.423,3.552-3.159,4.896-5.169C57.908,16.915,57.881,16.427,57.595,16.086z M51.167,21.143 c-0.279,0.197-0.438,0.523-0.422,0.865c0.02,0.415,0.034,0.834,0.034,1.256C50.779,36.897,40.31,51,22.79,51 c-3.982,0-7.894-0.84-11.499-2.452c4.226-0.321,8.198-1.85,11.575-4.468c0.335-0.26,0.47-0.702,0.336-1.104 s-0.506-0.677-0.93-0.686c-3.381-0.065-6.404-1.952-7.948-4.835c1.115,0.038,2.203-0.099,3.276-0.393 c0.447-0.123,0.751-0.537,0.735-1c-0.017-0.464-0.35-0.854-0.804-0.945c-3.773-0.752-6.632-3.773-7.244-7.449 c1.122,0.403,2.297,0.631,3.468,0.667c0.459,0.011,0.848-0.271,0.983-0.696c0.136-0.426-0.027-0.89-0.399-1.137 c-2.558-1.698-4.084-4.53-4.084-7.575c0-1.135,0.21-2.25,0.614-3.287c5.319,5.827,12.784,9.361,20.714,9.76 c0.328,0.022,0.617-0.116,0.817-0.357c0.202-0.241,0.278-0.563,0.207-0.868c-0.16-0.685-0.24-1.384-0.24-2.077 c0-5.016,4.122-9.097,9.189-9.097c2.537,0,4.979,1.047,6.7,2.871c0.235,0.248,0.581,0.359,0.917,0.296 c1.385-0.267,2.739-0.671,4.048-1.209c-0.729,1.007-1.665,1.865-2.759,2.514c-0.407,0.242-0.589,0.735-0.436,1.184 c0.153,0.447,0.597,0.73,1.068,0.669c0.952-0.117,1.886-0.292,2.797-0.525C53.06,19.666,52.15,20.449,51.167,21.143z"
            fill="url(#iS8U25XJCb2VBQOwbuAcra_bYzsf9Bmocst_gr1)"
          ></path>
          <linearGradient
            gradientUnits="userSpaceOnUse"
            y2="52.195"
            y1="9.936"
            x2="38.903"
            x1="38.903"
            id="iS8U25XJCb2VBQOwbuAcrb_bYzsf9Bmocst_gr2"
          >
            <stop stop-color="#1a6dff" offset="0"></stop>
            <stop stop-color="#c822ff" offset="1"></stop>
          </linearGradient>
          <path
            d="M30.772,45.786l0.621,1.9c7.123-2.326,12.824-7.914,15.642-15.33l-1.869-0.711 C43.636,35.671,39.733,42.859,30.772,45.786z"
            fill="url(#iS8U25XJCb2VBQOwbuAcrb_bYzsf9Bmocst_gr2)"
          ></path>
          <g>
            <linearGradient
              gradientUnits="userSpaceOnUse"
              y2="21.528"
              y1="17.979"
              x2="42"
              x1="42"
              id="iS8U25XJCb2VBQOwbuAcrc_bYzsf9Bmocst_gr3"
            >
              <stop stop-color="#6dc7ff" offset="0"></stop>
              <stop stop-color="#e6abff" offset="1"></stop>
            </linearGradient>
            <circle
              fill="url(#iS8U25XJCb2VBQOwbuAcrc_bYzsf9Bmocst_gr3)"
              r="2"
              cy="20"
              cx="42"
            ></circle>
          </g>
        </svg>
      </a>
      <a
        class="text-blue-400 hover:text-blue-300 transition duration-200"
        href="#"
      >
        <svg
          viewBox="0 0 64 64"
          height="60"
          width="60"
          y="0px"
          x="0px"
          xmlns="http://www.w3.org/2000/svg"
        >
          <linearGradient
            spreadMethod="reflect"
            gradientUnits="userSpaceOnUse"
            y2="54.751"
            y1="10"
            x2="32"
            x1="32"
            id="PMWUiMSnUf2R_PPJ6rqZea_44112_gr1"
          >
            <stop stop-color="#1a6dff" offset="0"></stop>
            <stop stop-color="#c822ff" offset="1"></stop>
          </linearGradient>
          <path
            d="M32,53.001c-6.358,0-12.716-0.195-19.299-0.584c-4.96-0.293-8.961-4.242-9.308-9.187 c-0.521-7.452-0.521-15.009-0.001-22.46c0.348-4.945,4.349-8.895,9.309-9.188c13.167-0.778,25.433-0.778,38.598,0 c4.96,0.293,8.961,4.242,9.308,9.187c0.521,7.452,0.521,15.009,0.001,22.46c-0.348,4.945-4.349,8.895-9.309,9.188l0,0 C44.716,52.806,38.358,53.001,32,53.001z M51.182,50.421l0.059,0.998L51.182,50.421c3.959-0.234,7.153-3.386,7.431-7.331 c0.515-7.358,0.515-14.821-0.001-22.181c-0.276-3.944-3.471-7.096-7.43-7.33c-13.088-0.773-25.275-0.773-38.363,0 c-3.959,0.234-7.153,3.386-7.431,7.331c-0.515,7.358-0.515,14.821,0.001,22.181c0.276,3.944,3.471,7.096,7.43,7.33 C25.906,51.194,38.094,51.194,51.182,50.421z"
            fill="url(#PMWUiMSnUf2R_PPJ6rqZea_44112_gr1)"
          ></path>
          <linearGradient
            spreadMethod="reflect"
            gradientUnits="userSpaceOnUse"
            y2="39.252"
            y1="24.25"
            x2="31.72"
            x1="31.72"
            id="PMWUiMSnUf2R_PPJ6rqZeb_44112_gr2"
          >
            <stop stop-color="#6dc7ff" offset="0"></stop>
            <stop stop-color="#e6abff" offset="1"></stop>
          </linearGradient>
          <path
            d="M25 39.84L25 24.16 38.44 32z"
            fill="url(#PMWUiMSnUf2R_PPJ6rqZeb_44112_gr2)"
          ></path>
          <linearGradient
            spreadMethod="reflect"
            gradientUnits="userSpaceOnUse"
            y2="54.751"
            y1="10"
            x2="32.212"
            x1="32.212"
            id="PMWUiMSnUf2R_PPJ6rqZec_44112_gr3"
          >
            <stop stop-color="#1a6dff" offset="0"></stop>
            <stop stop-color="#c822ff" offset="1"></stop>
          </linearGradient>
          <path
            d="M24,41.581V22.419L40.425,32L24,41.581z M26,25.901v12.197L36.456,32L26,25.901z"
            fill="url(#PMWUiMSnUf2R_PPJ6rqZec_44112_gr3)"
          ></path>
        </svg>
      </a>
    </div>

    <button
      class="bg-gradient-to-r mt-4 from-blue-500 to-pink-500 text-white font-bold py-2 px-4 rounded-full animate-pulse"
    >
      Close
    </button>
  </div>
</div>

521 views

Copy to Figma

521 views

Comments

No variations yet

MIT License

Copyright - 2024 themrsami (themrsami) 

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.