SWCSS | Cards

Nome do Card Subnome do Card

Bottom

Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda numquam suscipit expedita fugit accusantium hic earum facere officiis natus molestias. Illo atque in soluta ex earum porro, quos, sunt sequi eligendi, delectus aperiam? Labore officia aliquam voluptatum ullam repellat eum! A reiciendis laudantium dignissimos itaque nam dolore aperiam quis qui veniam error, nisi, animi at ex magnam nostrum, doloremque praesentium.

Nome do Card Subnome do Card

Bottom

Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda numquam suscipit expedita fugit accusantium hic earum facere officiis natus molestias. Illo atque in soluta ex earum porro, quos, sunt sequi eligendi, delectus aperiam? Labore officia aliquam voluptatum ullam repellat eum! A reiciendis laudantium dignissimos itaque nam dolore aperiam quis qui veniam error, nisi, animi at ex magnam nostrum, doloremque praesentium.

Nome do Card Subnome do Card

Bottom

Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda numquam suscipit expedita fugit accusantium hic earum facere officiis natus molestias. Illo atque in soluta ex earum porro, quos, sunt sequi eligendi, delectus aperiam? Labore officia aliquam voluptatum ullam repellat eum! A reiciendis laudantium dignissimos itaque nam dolore aperiam quis qui veniam error, nisi, animi at ex magnam nostrum, doloremque praesentium.

Nome do Card Subnome do Card

Bottom

Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda numquam suscipit expedita fugit accusantium hic earum facere officiis natus molestias. Illo atque in soluta ex earum porro, quos, sunt sequi eligendi, delectus aperiam? Labore officia aliquam voluptatum ullam repellat eum! A reiciendis laudantium dignissimos itaque nam dolore aperiam quis qui veniam error, nisi, animi at ex magnam nostrum, doloremque praesentium.

                    
                    
                    <div class="card">
                        <div class="card-header Bprin dg10">
                            <div class="card-title">
                                Nome do Card <small>Subnome do Card</small>
                            </div>
                            <a class="btn card-btn move-e"><i class="bx bxs-leaf"></i> Bottom</a>
                        </div>
                        <div class="card-body">
                            Lorem ipsum dolor sit amet consectetur adipisicing elit.
                        </div>
                    </div>

Titulo do Card

                    
                    
                        <div class="card w280">
                            <div class="card-img">
                                <img src="https://picsum.photos/280/360" />
                            </div>
                            <div class="card-title">Titulo do Card</div>
                        </div>

                    
                    
                    <div class="swglass">
                        <div data-text="Github" style="--r:-15;" class="glass Bcinz4">
                            <i class='bx bxl-github'></i>
                        </div>
                        <div data-text="Whatsapp" style="--r:5;" class="glass Bverd5">
                            <i class='bx bxl-whatsapp'></i>
                        </div>
                        <div data-text="Email" style="--r:25;" class="glass Bceu7">
                            <i class='bx bx-envelope'></i>
                        </div>
                        <div data-text="Comments" style="--r:-10;" class="glass Blila7">
                            <i class='bx bx-comment-dots'></i>
                        </div>
                    </div>

                    
                        
                            <div class="card3d-parent">
                                <div class="card3d">
                                    <div class="content-box Blima11 dg10">
                                        <span class="card3d-title">SandroWeb</span>
                                        <p class="card3d-content">
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                                        </p>
                                        <span class="card3d-more Tlima12">saiba mais</span>
                                    </div>
                                    <div class="card3d-box Bbran Llima12">
                                        <span class="box1 Tlima12">ACESSO</span>
                                        <span class="box2 Tlima12">2991</span>
                                    </div>
                                </div>
                            </div>