chuangke/project-create.html at master · wolfProjects/chuangke · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>

    <!-- injector:css -->
    <!-- basic css -->
    <link rel="stylesheet/less" href="assets/stylesheets/base.less"/>
    <link rel="stylesheet/less" href="assets/stylesheets/main.less"/>
    <link rel="stylesheet/less" href="assets/stylesheets/components.less"/>

    <!-- vendor css -->
    <link rel="stylesheet/less" href="assets/stylesheets/redactor.css"/>
    <!-- page css -->
    <link rel="stylesheet/less" href="assets/stylesheets/project.less"/>
    <!-- endinjector -->

    <!--[if lt IE9]>
    <script src="assets/scripts/html5shiv.js"></script>
    <![endif]-->
</head>
<body>
<!-- header -->
<header>
    <div class="layout pr">
        <a class="header-logo fl" href=""></a>
        <nav class="header-nav fl">
            <a class="item" href="">活动</a>
            <a class="item" href="">项目</a>
            <a class="item" href="">套件</a>
            <a class="item" href="">论坛</a>
            <a class="item" href="">新闻</a>
            <a class="item" href="">关于</a>
        </nav>
        <div class="header-signbar fl fs14">
            <div class="header-sign-before hide">
                <a href="">登陆</a>
                <a href="">注册</a>
            </div>
            <div class="header-sign-after">
                <div class="header-droplist-wrap">
                    <a class="header-user" href="">pastyou</a>
                    <ul>
                        <li><a href="">个人中心</a></li>
                        <li><a href="">退出登陆</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="header-float">
            <a class="item item01" href=""></a>
            <a class="item item02" href=""></a>
            <a class="item item03" href=""></a>
            <a class="item item04" href=""></a>
        </div>
    </div>
</header>
<!-- end header -->

<!-- project introduce -->
<!-- 创建状态:
        - 为 .project-introduce 挂一个 class: creating
-->
<div class="project-introduce creating">
    <!-- summary -->
    <section class="summary">
        <div class="layout section-inner clearfix">
            <!--form -->
            <form action="">
                <div class="main fl">
                        <input type="text" class="name" name="" id="" placeholder="输入项目名称"/>
                        <textarea class="description" name="" id="" placeholder="输入项目简介"></textarea>
                </div>
                <div class="summary-picture fr">
                    <div class="uploadImg">
                        <div class="uploadImg-before">
                            <p class="tips">建议图片尺寸：580x340px<br/>文件不大于300k</p>
                        </div>
                        <div class="uploadImg-after">
                            <img id="img" src="" alt="" width="580" height="340"/>
                        </div>
                    </div>
                    <div class="text-center mt20">
                        <div class="btnWrap">
                            <input type="file" name="" id="" class="chooseFile"/>
                            <span class="btn btn-primary">上传项目封面</span>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
                <div class="mt20">
                    <a class="btn btn-primary" style="width: 180px;">创建项目</a>
                </div>
            </form>
            <!-- form -->
        </div>
    </section>
    <!-- end  summary -->

</div>
<!-- end project -->

<!-- footer -->
<footer>
    <div class="layout clearfix">
        <div class="footer-logo fl">
            <a class="footer-logo-container" href="/">
                <i class="trangle01"></i>
                <i class="trangle02"></i>
                <i class="trangle03"></i>
                <i class="trangle04"></i>
                <i class="trangle05"></i>
            </a>
        </div>
        <nav class="footer-nav fl clearfix">
            <ul class="footer-nav-item fl">
                <li><a href="">关于我们</a></li>
                <li><a href="">创客简介</a></li>
                <li><a href="">加入我们</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
            <ul class="footer-nav-item mid fl">
                <li><a href="">帮助中心</a></li>
                <li><a href="">玩转创客社区</a></li>
                <li><a href="">社区精华帖汇总</a></li>
            </ul>
            <ul class="footer-nav-item last fl">
                <li><a href="">关注我们</a></li>
                <li><a href="">官方微博</a></li>
                <li><a href="">官方微信</a></li>
            </ul>
        </nav>
        <div class="footer-qrcode fr">
            <img src="assets/images/footer-qrcode.png" alt="" width="103" height="103"/>
        </div>
    </div>
    <div class="footer-layer f12 c_heavy">Copyright © 2015 Maker collider  All Rights Reserved.</div>
</footer>
<!-- end footer -->

<!-- injector:js -->
<!-- page script -->
<script src="//localhost:35729/livereload.js"></script>
<script src="assets/scripts/jquery-2.1.3.min.js"></script>
<script src="assets/scripts/jquery.effectSlide.2.1.1.js"></script>
<script src="assets/scripts/redactor.js"></script>
<script src="assets/scripts/main.js"></script>
<script src="assets/scripts/project.js"></script>
<!-- end page script -->

<!-- less compiler -->
<script src="assets/scripts/less.min.js"></script>
<!-- endinjector -->
</body>
</html>