tools.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工具</title>
    <link rel="stylesheet" href="css/nav.css">
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/general.css">
    <link rel="stylesheet" href="css/tools.css">
    <script src="js/jquery.js"></script>
    <script src="js/nav.js"></script>
    <script src="js/footer.js"></script>
    <script src="js/tools.js"></script>
    <style>
        iframe{
            width: 100%;
            height: 350px;
            background-color: #fff;
        }
    </style>
</head>

<body>
    <iframe src="nav.html" frameborder="0" scrolling="no"></iframe>
    <div class="tool_frame">
        <div class="tool_board" id="tool0">
            <div class="tool_name">多功能计算器</div>
            <hr class="tool_hr">
            <div class="tool_abbr">这是一个可以进行常规运算以及各种脚本运行，并且支持多种内置计算，如位运算和进制转换、最大公因数、排列组合、卡特兰数、三角函数、逆元等常用运算的在线多功能计算工具。
            </div>
        </div>
        <div class="tool_board" id="tool1">
            <div class="tool_name">文本处理器</div>
            <hr class="tool_hr">
            <div class="tool_abbr">
                这是一个字符串文本处理的在线工具，支持字数统计、段落统计、字符和单词频次统计、搜索和批量替换。所有处理均支持普通文本处理和正则表达式处理，并且内置了实用的正则表达式规则可供使用。</div>
        </div>
        <div class="tool_board" id="tool2">
            <div class="tool_name">随机抽取器</div>
            <hr class="tool_hr">
            <div class="tool_abbr">这是一个可以模拟随机抽取的在线工具，可以进行一次或多次不同方式的随机抽取，支持抽取项重复或不重复，也支持等概率抽取和加权抽取。抽取文本支持导入，抽取结果支持导出。
            </div>
        </div>
        <div class="tool_board" id="tool3.html">
            <div class="tool_name">渐变色文本生成器</div>
            <hr class="tool_hr">
            <div class="tool_abbr">这是一个可以输入一段文字，并选定起始与结束颜色，然后会自动生成一段渐变色文本，并且可以转换为16进制格式输出。
            </div>
        </div>
    </div>
    <iframe src="footer.html" frameborder="0" width="100%" height="48px" scrolling="no" id="footer_frame" class="footer_frame"></iframe>
</body>

</html>