Check server response of

Response headers

Request headers

Raw HTML code

301 Moved Permanently - ioolm.com

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Server: Tengine

Date: Sun, 04 May 2025 12:49:55 GMT

Content-Type: text/html

Content-Length: 262

Connection: keep-alive

Location: https://ioolm.com/

Via: vcache26.cn5626[,0]

Timing-Allow-Origin: *

EagleId: de49212e17463629952881202e

HTTP Code 301 Moved Permanently

http status code 301 means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

When changing a website domain
When modifying URL structures
When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://ioolm.com/

HTTP Status: 200

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Server: Tengine

Content-Type: text/html

Content-Length: 44187

Connection: keep-alive

Vary: Accept-Encoding

Date: Sun, 13 Apr 2025 15:06:48 GMT

Vary: Accept-Encoding

x-oss-request-id: 67FBD308B049683139D48431

x-oss-cdn-auth: success

Accept-Ranges: bytes

ETag: "6A1E4E028509FE37489212F9B5818F80"

Last-Modified: Sun, 13 Apr 2025 14:57:37 GMT

x-oss-object-type: Normal

x-oss-hash-crc64ecma: 17491576200632618190

x-oss-storage-class: Standard

Content-MD5: ah5OAoUJ/jdIkhL5tYGPgA==

x-oss-server-time: 6

Via: cache6.l2cn7831[0,0,200-0,H], cache6.l2cn7831[3,0], vcache27.cn5626[0,14,200-0,H], vcache25.cn5626[18,0]

Age: 1806189

Ali-Swift-Global-Savetime: 1744556808

X-Cache: HIT TCP_HIT dirn:11:1812305105

X-Swift-SaveTime: Sun, 13 Apr 2025 23:19:32 GMT

X-Swift-CacheTime: 2562436

Timing-Allow-Origin: *

EagleId: de49212d17463629976812387e

HTTP Code 200 OK

http status code 200 is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

When loading a web page
When successfully receiving an API response
When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: ioolm.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>艾窝窝爱生活</title>
  <link rel="icon" href="./images/apple.ico" type=".ico" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <meta name="description" content="刘明" />
  <meta name="keywords" content="刘明" />
  <meta name="author" content="刘明" />

  <!-- Facebook and Twitter integration -->
  <meta property="og:title" content="刘明" />
  <meta property="og:image" content="刘明" />
  <meta property="og:url" content="刘明" />
  <meta property="og:site_name" content="刘明" />
  <meta property="og:description" content="刘明" />
  <meta name="twitter:title" content="刘明" />
  <meta name="twitter:image" content="刘明" />
  <meta name="twitter:url" content="刘明" />
  <meta name="twitter:card" content="刘明" />

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->

  <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400,500,700" rel="stylesheet" />
  <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700" rel="stylesheet" />

  <!-- Animate.css -->
  <link rel="stylesheet" href="./css/animate.css" />
  <!-- Icomoon Icon Fonts-->
  <link rel="stylesheet" href="./css/icomoon.css" />
  <!-- Bootstrap  -->
  <link rel="stylesheet" href="./css/bootstrap.css" />
  <!-- Flexslider  -->
  <link rel="stylesheet" href="./css/flexslider.css" />
  <!-- Flaticons  -->
  <!-- <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> -->
  <!-- Owl Carousel -->
  <link rel="stylesheet" href="./css/owl.carousel.min.css" />
  <link rel="stylesheet" href="./css/owl.theme.default.min.css" />
  <!-- Theme style  -->
  <link rel="stylesheet" href="./css/style.css" />

  <!-- Modernizr JS -->
  <script src="js/modernizr-2.6.2.min.js"></script>
  <!-- FOR IE9 below -->
  <!--[if lt IE 9]>
      <script src="js/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <audio class="auu" id="auu" style="
        display: block;
        width: 30px;
        margin: 10px auto 0;
        position: fixed;
        top: 10px;
        right: 10px;
        z-index: 100;
      " src="https://cdnmusic.oss-cn-beijing.aliyuncs.com/mysoul.mp3" autoplay loop></audio>
  <div id="colorlib-page">
    <div class="container-wrap">
      <a href="#" class="js-colorlib-nav-toggle colorlib-nav-toggle" data-toggle="collapse" data-target="#navbar"
        aria-expanded="false" aria-controls="navbar"><i></i></a>
      <aside id="colorlib-aside" role="complementary" class="border js-fullheight">
        <div class="text-center">
          <a target="_blank" href="https://mlog.ioolm.com">
            <div class="author-img" style="
                  background-image: url(https://s21.ax1x.com/2025/01/30/pEVX2Hf.jpg);
                "></div>
          </a>
          <h1 id="colorlib-logo">
            <a title="刘明">刘明</a>
          </h1>
          <span class="position"><a target="_blank" href="./highjs/" title="JavaScript高级程序设计">A Development
              engineer</a></span>
        </div>
        <nav id="colorlib-main-menu" role="navigation" class="navbar">
          <div id="navbar" class="collapse">
            <ul>
              <li class="active">
                <a href="#" data-nav-section="home">Me</a>
              </li>
              <li>
                <a href="#" data-nav-section="about">是谁</a>
              </li>
              <li>
                <a href="#" data-nav-section="services">专业知识</a>
              </li>
              <li>
                <a href="#" data-nav-section="skills">我的技能</a>
              </li>
              <li>
                <a href="#" data-nav-section="education">教育背景</a>
              </li>
              <li>
                <a href="#" data-nav-section="experience">工作经历</a>
              </li>
              <li>
                <a href="#" data-nav-section="work">近期作品</a>
              </li>
              <li>
                <a href="#" data-nav-section="blog">我的博客</a>
              </li>
              <li>
                <a href="#" data-nav-section="contact">联系我</a>
              </li>
            </ul>
          </div>
        </nav>

        <div class="colorlib-footer">
          <a href="https://mlog.ioolm.com" target="_blank">Mlog</a>
          <br />
          <a id="dateTime" href="./time/index.html?from=love" target="_blank"></a>
          <p>
            <a target="_blank" style="font-size: 13px" href="./girl/index.html">All from MingLiu.</a>
          </p>
          <h6 style="margin: -12px auto 15px">
            <a target="_blank" href="http://beian.miit.gov.cn">豫ICP备2020028116号</a>
          </h6>
          <h6 style="margin-bottom: 20px">
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41010202002923"><img
                style="margin-top: -6px" src="https://z3.ax1x.com/2021/09/26/46T1Vx.png"
                style="float: left" />&nbsp;豫公网安备 41010202002923号</a>
          </h6>
        </div>
      </aside>
      <div id="colorlib-main">
        <section id="colorlib-hero" class="js-fullheight" data-section="home">
          <div class="flexslider js-fullheight">
            <ul class="slides">
              <li style="
                    background-image: url(https://s21.ax1x.com/2025/04/13/pEWnyRO.png);
                  ">
                <div class="overlay"></div>
                <div class="container-fluid">
                  <div class="row">
                    <div class="
                          col-md-6
                          col-md-offset-3
                          col-md-pull-3
                          col-sm-12
                          col-xs-12
                          js-fullheight
                          slider-text
                        ">
                      <div class="slider-text-inner js-fullheight">
                        <div class="desc">
                          <h1>Hi&nbsp;! <br />I'm 刘明</h1>
                          <h2>Welcome to visit</h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
              <li style="
                    background-image: url(https://s21.ax1x.com/2025/04/13/pEWngQe.png);
                  ">
                <div class="overlay"></div>
                <div class="container-fluid">
                  <div class="row">
                    <div class="
                          col-md-6
                          col-md-offset-3
                          col-md-pull-3
                          col-sm-12
                          col-xs-12
                          js-fullheight
                          slider-text
                        ">
                      <div class="slider-text-inner">
                        <div class="desc">
                          <h1 style="color: white">I'm <br />a Programmer</h1>
                          <h2 style="color: white">
                            Development engineer and Designer
                          </h2>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </section>

        <section class="colorlib-about" data-section="about">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-12">
                <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
                  <div class="col-md-12">
                    <div class="about-desc">
                      <span class="heading-meta">About Me</span>
                      <h2 class="colorlib-heading">Who Am I?</h2>
                      <p>
                        <strong>Hi I'm 刘明</strong>&nbsp;&nbsp;&nbsp;我是一名前端开发工程师，热爱生活，努力奋斗的程序猿，努力成为更好的自己。
                      </p>
                      <p>
                        在人生的道路上，不管是潇洒走一回，或者是千山独行，皆须是自己想走的路，虽然，有的人并不是很快就能找到自己的方向和道路，不过，只要坚持到底，我相信，就一定可以找到自己的路，只要找到路，就不必怕路途遥远了。
                      </p>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-3 animate-box" data-animate-effect="fadeInLeft">
                    <div class="services color-1">
                      <span class="icon2"><i class="icon-bulb"></i></span>
                      <h3>Photoshop</h3>
                    </div>
                  </div>
                  <div class="col-md-3 animate-box" data-animate-effect="fadeInRight">
                    <div class="services color-2">
                      <span class="icon2"><i class="icon-globe-outline"></i></span>
                      <h3>Web Design</h3>
                    </div>
                  </div>
                  <div class="col-md-3 animate-box" data-animate-effect="fadeInTop">
                    <div class="services color-3">
                      <span class="icon2"><i class="icon-data"></i></span>
                      <h3>Database</h3>
                    </div>
                  </div>
                  <div class="col-md-3 animate-box" data-animate-effect="fadeInBottom">
                    <div class="services color-4">
                      <span class="icon2"><i class="icon-phone3"></i></span>
                      <h3>Application</h3>
                    </div>
                  </div>
                </div>
                <div class="row">
                  <div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
                    <div class="hire">
                      <h2>
                        I am happy to know you
                        <br />Let's work together !
                      </h2>
                      <a target="_blank" class="btn-hire"
                        href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=7YSCgoGArZuEncOcnMOOgoA"
                        style="text-decoration: none">Contact me</a>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <section class="colorlib-services" data-section="services">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">What I do?</span>
                <h2 class="colorlib-heading">Professional Knowledge</h2>
              </div>
            </div>
            <div class="row row-pt-md">
              <div class="col-md-4 text-center animate-box">
                <div class="services color-1">
                  <span class="icon">
                    <i class="icon-bulb"></i>
                  </span>
                  <div class="desc">
                    <h3>计算机基础</h3>
                    <p>
                      计算机的基础知识及计算机的组成原理，计算机网络的基础知识
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 text-center animate-box">
                <div class="services color-2">
                  <span class="icon">
                    <i class="icon-data"></i>
                  </span>
                  <div class="desc">
                    <h3>操作系统原理</h3>
                    <p>
                      进程管理、存储管理、文件管理、输入/输出系统及Linux操作系统简介
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 text-center animate-box">
                <div class="services color-3">
                  <span class="icon">
                    <i class="icon-phone3"></i>
                  </span>
                  <div class="desc">
                    <h3>图形图像处理</h3>
                    <p>
                      使用Photoshop软件进行图形图像处理，进行图像编辑、图像合成、校正和调节
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 text-center animate-box">
                <div class="services color-4">
                  <span class="icon">
                    <i class="icon-layers2"></i>
                  </span>
                  <div class="desc">
                    <h3>计算机多媒体技术基础</h3>
                    <p>
                      计算机图象处理、声音处理、影视处理、使用编辑合成软件等
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 text-center animate-box">
                <div class="services color-5">
                  <span class="icon">
                    <i class="icon-data"></i>
                  </span>
                  <div class="desc">
                    <h3>数据库原理</h3>
                    <p>
                      数据库的原理及应用，数据库特点，基本运算方法，数据组成
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 text-center animate-box">
                <div class="services color-6">
                  <span class="icon">
                    <i class="icon-phone3"></i>
                  </span>
                  <div class="desc">
                    <h3>网页制作</h3>
                    <p>
                      通过使用DreamWeaver编辑器，进行网页的设计、编辑、修改、上传
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>

        <div id="colorlib-counter" class="colorlib-counters" style="
              background-image: url(https://z3.ax1x.com/2021/09/17/4uv6s0.md.jpg);
            " data-stellar-background-ratio="0.5">
          <div class="overlay"></div>
          <div class="colorlib-narrow-content">
            <div class="row"></div>
            <div class="row">
              <div class="col-md-3 text-center animate-box">
                <span class="colorlib-counter js-counter" data-from="1996" data-to="2025" data-speed="5000"
                  data-refresh-interval="50"></span>
                <span class="colorlib-counter-label">Year</span>
              </div>
              <div class="col-md-3 text-center animate-box">
                <span class="colorlib-counter js-counter" data-from="1" data-to="12" data-speed="5000"
                  data-refresh-interval="50"></span>
                <span class="colorlib-counter-label">months</span>
              </div>
              <div class="col-md-3 text-center animate-box">
                <span class="colorlib-counter js-counter" data-from="30" data-to="53" data-speed="5000"
                  data-refresh-interval="50"></span>
                <span class="colorlib-counter-label">weeks</span>
              </div>
              <div class="col-md-3 text-center animate-box">
                <span class="colorlib-counter js-counter" data-from="300" data-to="365" data-speed="5000"
                  data-refresh-interval="50"></span>
                <span class="colorlib-counter-label">days</span>
              </div>
            </div>
          </div>
        </div>

        <section class="colorlib-skills" data-section="skills">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">My Specialty</span>
                <h2 class="colorlib-heading animate-box">My Skills</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
                <p></p>
                <p></p>
                <p></p>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="progress-wrap">
                  <h3>JavaScript</h3>
                  <div class="progress">
                    <div class="progress-bar color-1" role="progressbar" aria-valuenow="75" aria-valuemin="0"
                      aria-valuemax="100" style="width: 75%">
                      <span>75%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="progress-wrap">
                  <h3>jQuery</h3>
                  <div class="progress">
                    <div class="progress-bar color-2" role="progressbar" aria-valuenow="70" aria-valuemin="0"
                      aria-valuemax="100" style="width: 70%">
                      <span>70%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="progress-wrap">
                  <h3>HTML5</h3>
                  <div class="progress">
                    <div class="progress-bar color-3" role="progressbar" aria-valuenow="85" aria-valuemin="0"
                      aria-valuemax="100" style="width: 85%">
                      <span>85%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="progress-wrap">
                  <h3>CSS3</h3>
                  <div class="progress">
                    <div class="progress-bar color-4" role="progressbar" aria-valuenow="90" aria-valuemin="0"
                      aria-valuemax="100" style="width: 90%">
                      <span>90%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="progress-wrap">
                  <h3>Vue3</h3>
                  <div class="progress">
                    <div class="progress-bar color-5" role="progressbar" aria-valuenow="80" aria-valuemin="0"
                      aria-valuemax="100" style="width: 80%">
                      <span>80%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="progress-wrap">
                  <h3>React</h3>
                  <div class="progress">
                    <div class="progress-bar color-6" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                      aria-valuemax="100" style="width: 60%">
                      <span>60%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="progress-wrap">
                  <h3>Vant</h3>
                  <div class="progress">
                    <div class="progress-bar color-2" role="progressbar" aria-valuenow="80" aria-valuemin="0"
                      aria-valuemax="100" style="width: 80%">
                      <span>80%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="progress-wrap">
                  <h3>Antd</h3>
                  <div class="progress">
                    <div class="progress-bar color-1" role="progressbar" aria-valuenow="60" aria-valuemin="0"
                      aria-valuemax="100" style="width: 60%">
                      <span>60%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="progress-wrap">
                  <h3>Git</h3>
                  <div class="progress">
                    <div class="progress-bar color-4" role="progressbar" aria-valuenow="90" aria-valuemin="0"
                      aria-valuemax="100" style="width: 90%">
                      <span>90%</span>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="progress-wrap">
                  <h3>Node.js</h3>
                  <div class="progress">
                    <div class="progress-bar color-3" role="progressbar" aria-valuenow="50" aria-valuemin="0"
                      aria-valuemax="100" style="width: 50%">
                      <span>50%</span>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- 教育经历 -->
        <section class="colorlib-education" data-section="education">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">Education</span>
                <h2 class="colorlib-heading animate-box">Education</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 animate-box" data-animate-effect="fadeInLeft">
                <div class="fancy-collapse-panel">
                  <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                          <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                            aria-controls="collapseOne">河南师范大学
                          </a>
                        </h4>
                      </div>
                      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel"
                        aria-labelledby="headingOne">
                        <div class="panel-body">
                          <div class="row">
                            <div class="col-md-6">
                              <p>河南师范大学</p>
                              <ul>
                                <li>2015.9-2019.6</li>
                              </ul>
                            </div>
                            <div class="col-md-6">
                              <p>本科</p>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo"
                            aria-expanded="false" aria-controls="collapseTwo">新安县第一高级中学
                          </a>
                        </h4>
                      </div>
                      <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingTwo">
                        <div class="panel-body">
                          <p>新安县第一高级中学</p>
                          <ul>
                            <li>2012.9-2015.6</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                    <div class="panel panel-default">
                      <div class="panel-heading" role="tab" id="headingThree">
                        <h4 class="panel-title">
                          <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapseThree"
                            aria-expanded="false" aria-controls="collapseThree">北冶镇第一初级中学
                          </a>
                        </h4>
                      </div>
                      <div id="collapseThree" class="panel-collapse collapse" role="tabpanel"
                        aria-labelledby="headingThree">
                        <div class="panel-body">
                          <p>北冶镇第一初级中学</p>
                          <ul>
                            <li>2009.9-2012.6</li>
                          </ul>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- 工作经历 -->
        <section class="colorlib-experience" data-section="experience">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">Experience</span>
                <h2 class="colorlib-heading animate-box">Work Experience</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12">
                <div class="timeline-centered">
                  <!-- work -->
                  <article class="timeline-entry animate-box" data-animate-effect="fadeInLeft">
                    <div class="timeline-entry-inner">
                      <div class="timeline-icon color-1">
                        <i class="icon-pen2"></i>
                      </div>
                      <div class="timeline-label">
                        <h2>
                          <a>上海魔卡信息科技有限公司</a><br />
                          <span>2024.05-至今</span>
                        </h2>
                        <h5>前端开发工程师</h5>
                      </div>
                    </div>
                  </article>
                  <article class="timeline-entry animate-box" data-animate-effect="fadeInLeft">
                    <div class="timeline-entry-inner">
                      <div class="timeline-icon color-3">
                        <i class="icon-pen2"></i>
                      </div>
                      <div class="timeline-label">
                        <h2>
                          <a>上海穗禾信息科技有限公司</a><br />
                          <span>2021.08-2024.05</span>
                        </h2>
                        <h5>前端开发工程师</h5>
                      </div>
                    </div>
                  </article>
                  <article class="timeline-entry animate-box" data-animate-effect="fadeInTop">
                    <div class="timeline-entry-inner">
                      <div class="timeline-icon color-4">
                        <i class="icon-pen2"></i>
                      </div>
                      <div class="timeline-label">
                        <h2>
                          <a>东方明珠新媒体股份有限公司</a><br />
                          <span>2019.06-2021.08</span>
                        </h2>
                        <h5>系统研发工程师</h5>
                      </div>
                    </div>
                  </article>
                  <article class="timeline-entry begin animate-box" data-animate-effect="fadeInBottom">
                    <div class="timeline-entry-inner">
                      <div class="timeline-icon color-none"></div>
                    </div>
                  </article>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- 近期作品 -->
        <section class="colorlib-work" data-section="work">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">My Work</span>
                <h2 class="colorlib-heading animate-box">Recent Work</h2>
              </div>
            </div>
            <div class="row row-bottom-padded-sm animate-box" data-animate-effect="fadeInLeft">
              <div class="col-md-12">
                <p class="work-menu">
                  <span><a class="active">Graphic Design</a></span>
                  <span><a class="active">Web Design</a></span>
                  <span><a class="active">Software</a></span>
                  <span><a class="active">Apps</a></span>
                </p>
              </div>
            </div>
            <div class="row">
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/09/26/467Lh8.md.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="https://mlog.ioolm.com">01 Mlog</a>
                      </h3>
                      <span>Website</span>
                      <p class="icon">
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-eye"></i> 3688</a></span>
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-heart"></i> 169</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/09/26/4673Os.md.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="https://www.npmjs.com/package/tothousand">02 tothousand</a>
                      </h3>
                      <span>npmjs</span>
                      <p class="icon">
                        <span><a target="_blank" href="https://www.npmjs.com/package/tothousand"><i
                              class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="https://www.npmjs.com/package/tothousand"><i
                              class="icon-eye"></i> 70</a></span>
                        <span><a target="_blank" href="https://www.npmjs.com/package/tothousand"><i
                              class="icon-heart"></i> 8</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInTop">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/10/20/5DrmS1.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="https://mlog.ioolm.com">03 Mlog</a>
                      </h3>
                      <span>Life</span>
                      <p class="icon">
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-eye"></i> 273</a></span>
                        <span><a target="_blank" href="https://mlog.ioolm.com"><i class="icon-heart"></i> 92</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInBottom">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/10/20/5Druy6.md.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="./highjs/">04 JavaScript高级程序设计</a>
                      </h3>
                      <span>JavaScript</span>
                      <p class="icon">
                        <span><a target="_blank" href="./highjs/"><i class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="./highjs/"><i class="icon-eye"></i> 71</a></span>
                        <span><a target="_blank" href="./highjs/"><i class="icon-heart"></i> 39</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/10/20/5DrVY9.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="./wifi.html">05 qrCode</a>
                      </h3>
                      <span>Website, qrCode</span>
                      <p class="icon">
                        <span><a target="_blank" href="./wifi.html"><i class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="./wifi.html"><i class="icon-eye"></i> 620</a></span>
                        <span><a target="_blank" href="./wifi.html"><i class="icon-heart"></i> 9</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
              <div class="col-md-6 animate-box" data-animate-effect="fadeInRight">
                <div class="project" style="
                      background-image: url(https://z3.ax1x.com/2021/10/20/5DrZWR.md.jpg);
                    ">
                  <div class="desc">
                    <div class="con">
                      <h3>
                        <a target="_blank" href="./girl/">06 Girl</a>
                      </h3>
                      <span>Web Design</span>
                      <p class="icon">
                        <span><a target="_blank" href="./girl/"><i class="icon-share3"></i></a></span>
                        <span><a target="_blank" href="./girl/"><i class="icon-eye"></i> 100</a></span>
                        <span><a target="_blank" href="./girl/"><i class="icon-heart"></i> 49</a></span>
                      </p>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 animate-box">
                <p>
                  <a class="btn btn-primary btn-lg btn-load-more" target="_blank" href="https://mlog.ioolm.com">See my
                    Mlog&nbsp;<i class="icon-reload"></i></a>
                </p>
              </div>
            </div>
          </div>
        </section>
        <!-- 博客Mlog -->
        <section class="colorlib-blog" data-section="blog">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">Mlog</span>
                <h2 class="colorlib-heading">Recent Mlog</h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="blog-entry">
                  <a target="_blank" href="https://mlog.ioolm.com/2021/06/08/toOak/" class="blog-img"><img
                      src="https://s1.ax1x.com/2020/10/02/0lCFun.jpg" class="img-responsive" alt="img" /></a>
                  <div class="desc">
                    <span><small> Poetry Culture </small></span>
                    <h3>
                      <a target="_blank" href="https://mlog.ioolm.com/2021/06/08/toOak/">致橡树</a>
                    </h3>
                    <p>我如果爱你——绝不像攀援的凌霄花，借你的高枝...</p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInRight">
                <div class="blog-entry">
                  <a target="_blank" href="https://mlog.ioolm.com/2023/09/05/lovelylife/" class="blog-img"><img
                      src="https://mp-c84fd64a-d389-42f7-b0a0-5bb6af6daca3.cdn.bspapp.com/ioolm/591694769570_.pic_hd.jpg"
                      class="img-responsive" alt="img" /></a>
                  <div class="desc">
                    <span><small>L i f e</small></span>
                    <h3>
                      <a target="_blank" href="https://mlog.ioolm.com/2023/09/05/lovelylife/">Life is lovely</a>
                    </h3>
                    <p>
                      人生不过百年，幕起幕落而已，再回首，我们已是风烛残年...
                    </p>
                  </div>
                </div>
              </div>
              <div class="col-md-4 col-sm-6 animate-box" data-animate-effect="fadeInLeft">
                <div class="blog-entry">
                  <a target="_blank" href="https://mlog.ioolm.com/2020/08/10/poetryAndDistance/" class="blog-img"><img
                      src="https://z3.ax1x.com/2021/09/17/4ub2ZQ.jpg" class="img-responsive" alt="img" /></a>
                  <div class="desc">
                    <span><small> Poetry Culture </small></span>
                    <h3>
                      <a target="_blank" href="https://mlog.ioolm.com/2020/08/10/poetryAndDistance/">诗和远方</a>
                    </h3>
                    <p>生活不止眼前的苟且，还有诗和远方的田野...</p>
                  </div>
                </div>
              </div>
            </div>
            <div class="row">
              <div class="col-md-12 animate-box">
                <p>
                  <a target="_blank" href="https://mlog.ioolm.com" class="btn btn-primary btn-lg btn-load-more">See
                    more&nbsp;
                    <i class="icon-reload"></i></a>
                </p>
              </div>
            </div>
          </div>
        </section>

        <section class="colorlib-contact" data-section="contact">
          <div class="colorlib-narrow-content">
            <div class="row">
              <div class="col-md-6 col-md-offset-3 col-md-pull-3 animate-box" data-animate-effect="fadeInLeft">
                <span class="heading-meta">Get in Touch</span>
                <h2 class="colorlib-heading">
                  Contact<a target="_blank" href="https://support.qq.com/product/305764" style="
                        font-size: 12px;
                        color: #b2adf0;
                        letter-spacing: 0;
                        padding-left: 50px;
                      ">建议或反馈</a>
                </h2>
              </div>
            </div>
            <div class="row">
              <div class="col-md-5">
                <div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
                  <div class="colorlib-icon">
                    <i class="icon-globe-outline"></i>
                  </div>
                  <div class="colorlib-text">
                    <p>
                      <a target="_blank"
                        href="http://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=7YSCgoGArZuEncOcnMOOgoA"
                        style="text-decoration: none">ioolm@***.com</a>
                    </p>
                  </div>
                </div>

                <div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
                  <div class="colorlib-icon">
                    <i class="icon-map"></i>
                  </div>
                  <div class="colorlib-text">
                    <p>
                      <a href="https://j.map.baidu.com/02/Dwh" target="_blank">China 上海 | 闵行区</a>
                    </p>
                  </div>
                </div>

                <div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
                  <div class="colorlib-icon">
                    <i class="icon-phone"></i>
                  </div>
                  <div class="colorlib-text">
                    <p>
                      <a href="tel:13333835393">133 **** 5393</a>
                    </p>
                  </div>
                </div>
                <div class="colorlib-feature colorlib-feature-sm animate-box" data-animate-effect="fadeInLeft">
                  <div class="colorlib-icon">
                    <i class="icon-bulb"></i>
                  </div>
                  <div class="colorlib-text" id="mlog">
                    <p>
                      <a href="https://mlog.ioolm.com" target="_blank">M l o g</a>
                    </p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>
      <!-- end:colorlib-main -->
    </div>
    <!-- end:container-wrap -->
  </div>
  <!-- end:colorlib-page -->
  <script src="js/jquery.min.js"></script>
  <!-- jQuery Easing -->
  <script src="js/jquery.easing.1.3.js"></script>
  <!-- Bootstrap -->
  <script src="js/bootstrap.min.js"></script>
  <!-- Waypoints -->
  <script src="js/jquery.waypoints.min.js"></script>
  <!-- Flexslider -->
  <script src="js/jquery.flexslider-min.js"></script>
  <!-- Owl carousel -->
  <script src="js/owl.carousel.min.js"></script>
  <!-- Counters -->
  <script src="js/jquery.countTo.js"></script>
  <!-- MAIN JS -->
  <script src="js/main.js"></script>
  <!-- index js -->
  <script src="js/index.js"></script>
</body>

</html>

Whois info of domain

Domain Name: IOOLM.COM

Registry Domain ID: 2557871528_DOMAIN_COM-VRSN

Registrar WHOIS Server: grs-whois.hichina.com

Registrar URL: http://www.net.cn

Updated Date: 2024-08-26T09:11:18Z

Creation Date: 2020-09-05T13:34:09Z

Registry Expiry Date: 2025-09-05T13:34:09Z

Registrar: Alibaba Cloud Computing (Beijing) Co., Ltd.

Registrar IANA ID: 420

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: +86.95187

Domain Status: ok https://icann.org/epp#ok

Name Server: DNS17.HICHINA.COM

Name Server: DNS18.HICHINA.COM

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-04T12:49:40Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass

ioolmkyh

ioolmwek

ioolm82k

ioolme3o

ioolmwfv

ioolmyq2

ioolm55k

ioolmcl1

ioolmpjp

ioolmrhq

ioolmd6z

ioolmon0

ioolmt8c

ioolmrmw

ioolm8gk

ioolmg7b

ioolmue7

ioolmizx

ioolmj4b

ioolmbgh

ioolm6uj

ioolmogf

ioolm8lm

ioolm1t4

ioolmwbb

ioolmdp9

ioolmzdm

ioolml9d

ioolmovj

ioolmnyo

ioolm12v

ioolmj6q

ioolmk06

ioolmwdb

ioolmdwi