123

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <style>
  .white-text {
    color:white;
  }
  h2{
    font-family:Lobster;
  }
  .bigger-image{
    width:600px;
    clear:both;
    display:block;
    margin:0 auto;
    
  }
</style>
<h1 class=" white-text text-center">WeChat</h1>
<h2 class="white-text text-center"><em>the biggest communication application within China</em></h2>
<img class="bigger-image" src="https://upload.wikimedia.org/wikipedia/zh/1/12/WeChat_Logo.jpg" alt="WeChat">
<h1 class="white-text text-center">Function of WeChat</h1>
<p class="white-text"><strong>Instant Messaging</strong> :WeChat supports different ways of instant message, including text message, voice message, walkie talkie and stickers. Users can send previously saved or live pictures and videos, namecards of other users, coupons, lucky money packages, or current GPS location with friends either individually or in a group chat. WeChat's character stickers, such as Tuzki, resemble and compete with those of LINE.</p>
<p class="white-text"><strong>Official Accounts
  </strong> :WeChat supports users to register as an official account, which enables them to push feeds to subscribers, interact with subscribers and provide them with services. There are three types of official accounts: service account, subscription account and enterprise account. Once users as individuals or organizations set up a type of account, they cannot change it to another type. By the end of 2014, the number of WeChat official accounts had reached 8 million. Official accounts of organizations can apply for verified (at cost of 300 RMB), official, public accounts. Official accounts can be used as a platform for services such as hospital pre-registrations, visa renewal or credit card service.
  </p>
  
<p class="white-text"><strong>Moments
  </strong> :WeChat supports users to post image and text, share music (associated with QQ Music or any web based music service) and article, as well as comment and "like" in the Moments. Privacy is extremely important in WeChat, only the friends from the user's contact are able to view their Moments' contents and comments. The friends of the user will only be able to see the likes and comments from other users only if they are mutual friends, for example, your friends from high school won't be able to see the comments and likes from your friends in university. The Moments can be also linked to Facebook and Twitter account, which can automatically post Moments content directly to these two platforms. when user post their moments, they can separate their friends into a few groups, user can decide whether this moment can be seen by particular groups of people.Contents posted can be set to "Private", and can be unset at any time. When a post is set to "Private", no one else other than yourself can view it.
  </p>
  
<p class="white-text"><strong>WeChat Pay
  </strong> :WeChat supports payment and money transfer, which allows its users to peer-to-peer transfer and electronic bill payment.Every WeChat user has their own WeChat Payment account. The beginning balance is nil for all new users, the currency of the balance is in CNY. Users can acquire balance by linking their WeChat account to their debit card, or by receiving money from other users. Users who link their credit card can only make payments to vendors, it cannot be used to top up WeChat balance. Many stores in China (including Hong Kong, Macau, Taiwan) accepts WeChat Payment as a payment option, this includes online payments, mini markets, supermarkets, shops, vending machines, metro, and so on and so forth. In Chinese Tradition, Red envelope is given to relatives and friends in a way of congratulating them or a way of greeting on certain big holidays like Chinese New Year. Ever since WeChat introduced "Electronic Red envelope" in 2014, it has changed the way people give Red envelope in China. In addition to China, the payment service is offered in parts of Southeast Asia, Europe, North America and Oceania.WeChat Payment also competes with Alipay. WeChat allows users to tip their favourite posts as well. As of March 2016, WeChat Payment has over 300 million users worldwide. In April 2016, WeChat invested RMB 100 million in accelerating the market expansion of WeChat Payment.
  </p>
  
<p class="white-text"><strong>  City Services
  </strong> :WeChat has launched the City Services feature in 27 cities across China, including Beijing, Shanghai, Guangzhou, Shenzhen and so on. City Services include booking doctor appointments, paying electricity fees or traffic fines, and booking transportation.
  </p>

<p class="white-text text-center">For futher information could click <a href="https://en.wikipedia.org/wiki/WeChat">here</p>
  
            
          
!
            
              body {
  margin-top: 120px;
  background-color:black;
}
            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.

Console